@charset "UTF-8";

/* IR 공통 리스트 */
.card_list {padding: 60px 0 240px; background: #f3f5f7;}
.card_list .list_div {display: flex; flex-wrap: wrap;}
.card_list .list_div:after {display: block; content: ""; clear: both;}
.card_list .list {/*float: left;*/ position: relative; padding: 40px 40px 42px; margin: 0 20px 20px 0; -webkit-width: calc((100% - 60px) / 4); width: calc((100% - 60px) / 4); min-height: 305px; background: #fff; -webkit-transition-property: background, -webkit-box-shadow; transition-property: background, -webkit-box-shadow; transition-property: box-shadow, background; transition-property: box-shadow, background, -webkit-box-shadow; -webkit-transition-duration: .4s; transition-duration: .4s;}
.card_list .list:nth-child(4n) {margin-right: 0;}
.card_list .list:hover {background: #1472cf; box-shadow: 0 20px 40px rgba(0, 0, 0, .2); -webkit-box-shadow: 0 20px 40px rgba(0, 0, 0, .2);}
.card_list .list .top_tit {position: relative; padding-bottom: 6px; font-size: 16px; line-height: 20px; font-family: "neue-haas-unica", sans-serif; font-weight: 600; color: #1472cf; transition: color .4s ease;}
.card_list .list:hover .top_tit {color: #fff;}
.card_list .list:hover .top_tit:after {background: #fff;}
.card_list .list .title {/*overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;*/ margin: 26px 0 40px; /*height: 90px;*/ font-family: "neue-haas-unica", sans-serif; font-weight: 600; letter-spacing: -.4px; font-size: 20px; line-height: 30px; color: #1f1f1f; word-break: break-all; /*text-overflow: ellipsis;*/ transition: color .4s ease;}
.card_list .list_div.report_list .list .title {margin: 26px 0 80px;}
/* .card_list .list .title.ie {display: block; display: -webkit-box; word-break: break-all; overflow: hidden; height: auto; max-height: 90px; position: relative; margin-right: -20px; padding-right: 20px; width: 100%;}
.card_list .list .title.ie:before {content: "..."; position: absolute; right: 5px; bottom: 5px;}
.card_list .list .title.ie:after {content: ""; position: absolute; right: 0; width: 20px; height: 20px; margin-top: .2em; background: #fff; transition: background .4s ease;} */
.card_list .list:hover .title {color: #fff;}
.card_list .list:hover .title.ie:after {background: #1472cf;}
.card_list .list .year {position: absolute; bottom: 52px; left: 40px; font-size: 16px; line-height: 1; font-weight: 400; font-family: "neue-haas-unica", sans-serif; color: #727272; transition: color .4s ease;}
.card_list .list:hover .year {color: #fff;}
.card_list .list .date_div {position: absolute; bottom: 40px; left: 40px;}
.card_list .list .date_div > p {font-size: 16px; color: #727272; transition: color .4s ease;}
.card_list .list .date_div .date {margin-bottom: 7px; font-family: "neue-haas-unica", sans-serif; font-weight: 400;}
.card_list .list:hover .date_div > p {color: #fff;}
.card_list .list .docu_down {position: absolute; bottom: 40px; right: 40px; width: 24px; height: 28px; border-radius: 50%; background: url("../images/icon-pdf-download.png") no-repeat center center; transition: background .3s ease;}
.card_list .list .docu_down:after {display: block; content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 2px; background: #1f1f1f; transition: background .3s ease;}
.card_list .list:hover .docu_down {background: url("../images/icon-pdf-download-white.png") no-repeat center center;}
.card_list .list:hover .docu_down:after {background: #fff;}
.card_list .list .link_btn {position: absolute; bottom: 40px; right: 40px; width: 40px; height: 40px; border-radius: 50%; background: url("../images/icon-link-btn-line.png") no-repeat center center; transition: background .4s ease;}
.card_list .list .link_btn:after {display: block; content: ""; position: absolute; top: 7px; right: 7px; width: 13px; height: 13px; background: url("../images/icon-link-btn-arrow.png") no-repeat center center; transition: background .4s ease, top .4s ease, right .4s ease;}
.card_list .list:hover .link_btn {background: url("../images/icon-link-btn-line-white.png") no-repeat center center;}
.card_list .list:hover .link_btn:after {top: 4px; right: 4px; background: url("../images/icon-link-btn-arrow-white.png") no-repeat center center;}
.card_list.no_data {padding: 0;}
.more_btn {margin-top: 40px; text-align: center;}
.more_btn button {width: 60px; height: 60px; background: url("../images/icon-ir-list-more-plus.png") no-repeat center center/24px #fff; border: 1px solid #d9d9d9; border-radius: 50%; transition: transform .5s ease, background .3s ease, border .3s ease;}
.more_btn button:hover {transform: rotate(180deg); background: url("../images/icon-ir-list-more-plus-white.png") no-repeat center center/24px #1472cf; border: 1px solid #1472cf;}

/* 문의 공통 스타일 */
.call_area {position: relative;}
.call_area:after {display: block; content: ""; clear: both;}
.call_area .img_area {position: absolute; bottom: 0; left: 0; margin-bottom: 0 !important;}
.call_area .info_area {float: right; width: calc((100% - 40px) / 2); width: -webkit-calc((100% - 40px) / 2);}
.call_area .info_area .title {font-size: 40px; color: #fff; line-height: 1; font-family: "neue-haas-unica", sans-serif; font-weight: 600;}
.call_area .info_area .sub_txt {margin-top: 26px; font-size: 16px; color: #fff; line-height: 24px; opacity: .8;}
.call_area .info_area .info_div {margin-top: 76px;}
.call_area .info_area .info_div .info {display: table; margin-bottom: 15px; padding: 46px 0 41px 60px; width: 100%; background: rgba(0, 0, 0, .1); border: 1px solid rgba(255, 255, 255, .6);}
.call_area .info_area .info_div .info:last-child {margin-bottom: 0;}
.call_area .info_area .info_div .info .con_tit {display: table-cell; width: 160px;}
.call_area .info_area .info_div .info .con_tit .only_web {display: inline-block;}
.call_area .info_area .info_div .info .txt {display: table-cell; font-size: 20px; color: #fff; font-family: "neue-haas-unica", sans-serif; font-weight: 400; letter-spacing: -.4px; vertical-align: top;}
.call_area .info_area .info_div .info .txt > .link {color: #fff;}
.call_area .info_area .info_div .info .number {display: block;}
.call_area .info_area .info_div .info .number .only_web {display: inline-block;}
.call_area .info_area .info_div .info .number a {color: #fff;}

/* 밑줄 리스트 공통 스타일 */
.half_list .list {position: relative; padding: 115px 0 120px;}
.half_list .list:before {display: block; content: ""; position: absolute; bottom: 0; left: 0; width: 0; height: 1px; background: #d9d9d9; transition: width 1s ease;}
.half_list .list:after {display: block; content: ""; clear: both;}
.half_list .list.active:before {width: 100%; transition-delay: .3s;}
.half_list .list.no_border {padding-bottom: 0;}
.half_list .list.no_border:before {display: none;}
/* .half_list .list:last-child {padding-bottom: 0;} */
.half_list .left_div {float: left; width: 620px;}
.half_list .right_div {float: left; width: 660px;}
.half_list.num_tit_type .left_div {font-size: 64px; color: #1f1f1f; font-family: "neue-haas-unica", sans-serif; font-weight: 400; letter-spacing: -.4px; line-height: 1;}
.half_list.num_tit_type .list.active .left_div {top: -7px;}
.half_list.txt_tit_type .left_div {top: 0; font-family: "neue-haas-unica", sans-serif; font-weight: 600; font-size: 32px; line-height: 44px; color: #1f1f1f;}
.half_list.txt_tit_type .list.active .left_div {top: 0;}

/* 동그라미 숫자 옆 설명 구조 공통 */
.cir_num_list {position: relative; top: 50px; opacity: 0; transition: top 1s ease, opacity 1s ease;}
.flex_area.active .cir_num_list {top: 0; opacity: 1; transition-delay: .2s;}
.cir_num_list .list {display: table; margin-bottom: 40px; width: 100%;}
.cir_num_list .list .num {display: table-cell; width: 110px;}
.cir_num_list .list .num span {display: inline-block; width: 70px; height: 70px; line-height: 67px; font-size: 20px; color: #fff; font-family: "neue-haas-unica", sans-serif; font-weight: 600; text-align: center; border: 1px solid rgba(255, 255, 255, .5); border-radius: 50%;}
.cir_num_list .list .txt {display: table-cell; vertical-align: middle; color: #fff; word-break: keep-all;}

/* About us - 기업소개 */
.company_info .name {position: relative; text-align: center; font-size: 140px; color: #1f1f1f; line-height: 1; font-family: "neue-haas-unica", sans-serif; font-weight: 600; z-index: 1;}
.company_info .name span {display: block;}
.company_info .name .left {position: relative; left: -40px; opacity: 0; transition: left 1s ease, opacity .7s ease;}
.company_info .name .right {position: relative; right: -40px; opacity: 0; transition: right 1s ease, opacity .7s ease;}
.company_info .name.active .left {left: 0; opacity: 1;}
.company_info .name.active .right {right: 0; opacity: 1;}
.company_info .visual_area {overflow: hidden; position: relative; margin: -85px auto 0; width: 100%; height: 880px;}
.company_info .visual_area:before {display: block; content: ""; position: absolute; top: 0; left: 0; width: 100px; height: 100%; background: #fff; transition: width .8s ease; z-index: 1;}
.company_info .visual_area:after {display: block; content: ""; position: absolute; top: 0; right: 0; width: 100px; height: 100%; background: #fff; transition: width .8s ease;}
.company_info .visual_area.active:before {width: 0;}
.company_info .visual_area.active:after {width: 0;}
.company_info .visual_area .visual_img {position: relative; width: 100%; height: 100%;}
.company_info .visual_area .visual_img .bg {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.company_info .visual_area .visual_img .bg img {transform: scale(1); transition: transform 3.5s ease;}
.company_info .visual_area.active .visual_img .bg img {transform: scale(1.05); transform-origin: center; transition-delay: .1s;}
/* .company_info .visual_area.active{width:100%;} */
.company_info .info_div {position: relative; margin-top: -100px; padding: 75px 110px 80px; background: #fff; opacity: 0; transition: opacity .8s ease;}
.company_info .info_div.active {opacity: 1;}
.company_info .info_div .small_tit {text-align: center;}
.company_info .info_div .box_list {padding: 0; background: none;}
.company_info .info_div .box_list .list_div {display: flex; margin-top: 30px;}
.company_info .info_div .box_list .list_div .list {position: relative; top: 50px; padding: 60px 0 40px; margin-right: 20px; width: calc((100% - 60px) / 4); width: -webkit-calc((100% - 60px) / 4); border: 1px solid #d9d9d9; border-radius: 12px; opacity: 0; transition: top 1s ease, opacity 1s ease;}
.company_info .info_div .box_list .list .icon {text-align: center;}
.company_info .info_div .box_list .list .icon .only_web {display: inline;}
.company_info .info_div .box_list .list .con_txt {margin-top: 35px; text-align: center;}
.company_info .info_div .box_list .list .con_tit {margin: 15px 0 5px; text-align: center;}
.company_info .info_div .box_list .list .con_tit span {font-size: 16px;}
.company_info .info_div .box_list .dot_wrap {position: relative; top: 50px; opacity: 0; transition: top 1s ease, opacity 1s ease;}
.company_info .info_div .box_list.active .list_div .list:nth-child(1) {top: 0; opacity: 1; transition-delay: .2s;}
.company_info .info_div .box_list.active .list_div .list:nth-child(2) {top: 0; opacity: 1; transition-delay: .3s;}
.company_info .info_div .box_list.active .list_div .list:nth-child(3) {top: 0; opacity: 1; transition-delay: .4s;}
.company_info .info_div .box_list.active .list_div .list:nth-child(4) {top: 0; opacity: 1; transition-delay: .5s;}
.company_info .info_div .box_list.active .dot_wrap {top: 0; opacity: 1; transition-delay: .6s;}
.company_info .fixed_visual {position: relative; margin-top: 160px;}
.company_info .fixed_visual .bg_area {position: absolute; top: 0; left: 0; width: 100%; height: 100vh !important;}
.company_info .fixed_visual .bg_area .bg {overflow: hidden; position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
/* .company_info .fixed_visual .bg_area .bg:not(.active) {height: 100% !important;} */
/* .company_info .fixed_visual .bg_area .bg.active {height: 100%;} */
.company_info .fixed_visual .bg_area .bg img {position: absolute; top: 50%; left: 50%; width: 100%; transform: translate(-50%, -50%);}
.company_info .fixed_visual .bg_area .bg:nth-child(1) {z-index: 4;}
.company_info .fixed_visual .bg_area .bg:nth-child(2) {z-index: 3;}
.company_info .fixed_visual .bg_area .bg:nth-child(3) {z-index: 2;}
.company_info .fixed_visual .bg_area .bg:nth-child(4) {z-index: 1;}
.company_info .fixed_visual .txt_area {overflow: hidden; width: 100%;}
.company_info .fixed_visual .txt_div {position: relative; margin-top: 100vh; padding-top: 170px; width: 100%; height: 480px; background: #fff;}
.company_info .fixed_visual .txt_div > .inner {display: flex; justify-content: space-between;}
.company_info .fixed_visual .txt_div .mob_bg {display: none;}
.company_info .fixed_visual .txt_div .small_tit {width: 620px; margin-right: 40px; opacity: 0; transition: opacity 1s ease;}
.company_info .fixed_visual .txt_div .con_middle_txt {width: 620px; word-break: keep-all; opacity: 0; transition: opacity 1s ease;}
.company_info .fixed_visual .txt_div > .inner.active .small_tit {opacity: 1;}
.company_info .fixed_visual .txt_div > .inner.active .con_middle_txt {opacity: 1; transition-delay: .2s;}

/* About us - 사업장 */
.business_area > .tab_btn_area {width: 720px;}
.business_area > .tab_btn_area button {padding: 27px 0 23px; width: 50%; height: 80px; font-size: 20px; font-family: "neue-haas-unica", sans-serif; font-weight: 400; border: none;}
.business_area > .tab_btn_area button.on {color: #1f1f1f; font-family: "neue-haas-unica", sans-serif; font-weight: 600; border: 2px solid #1f1f1f;}
.business_area .tab_con {display: none;}
.business_area .tab_con:first-child {display: block;}
.business_area .business_place {margin-top: 120px; align-items: inherit;}
.business_area .business_place > div {width: 48%;}
.business_area .place_map_area {overflow: hidden; padding: 300px 20px 180px; width: 100%; text-align: center; background: #f3f5f7;}
.business_area .place_map_area .map img {width: 100%; transform: scale(1.1); transition: transform 1s ease;}
.business_area .place_map_area .map.active img {transform: scale(1);}
.business_area .place_map_img {position: relative; top: 50px; margin: 120px 0 100px; opacity: 0; transition: top 1s ease, opacity 1s ease;}
.business_area .place_map_img.active {top: 0; opacity: 1;}
.business_area .place_map_img  img {width: 100%;}
.business_area .place_area .place_div {display: table; position: relative; top: 50px; margin-bottom: 40px; padding: 0 60px; width: 100%; min-height: 180px; border: 1px solid #d9d9d9; opacity: 0; transition: top 1s ease, opacity 1s ease;}
.business_area .place_area .place_div:last-child {margin-bottom: 0;}
.business_area .place_area .place_div.active {top: 0; opacity: 1;}
.business_area .place_area.oversea .place_div {padding: 0 140px 0 60px;}
.business_area .place_area .place_div .place {display: table-cell; vertical-align: middle; width: 100px; color: #1f1f1f; word-break: keep-all;}
.business_area .place_area .place_div .address {display: table-cell; vertical-align: middle; padding: 0 60px; color: #727272; word-break: keep-all;}
.business_area .place_area .place_div .link {position: absolute; top: 50%; right: 60px; transform: translateY(-50%); width: 40px; height: 40px; background: url("../images/icon-aboutus-business-link.png") no-repeat center center/cover;}
/* .business_area .all_business_area{margin-top:100px; padding-top:115px; border-top:1px solid #eee}
.business_area .all_business_area .con_txt{margin-top:30px; word-break:keep-all;} */

/* About us - 사업장 주소 */
.business_area + .policy_div {display: none;}
.business_area section:not(:first-child) {margin-top: 200px;}
.business_area section .middle_tit {font-family: "neue-haas-unica", sans-serif; font-weight: 600;}
.business_area section .career_sec {margin-top: 200px;}
.business_area.europe .europe_tab_con {display: none;}
.business_area.europe .europe_tab_con.on {display: block;}
.sub_visual.business {margin-top: 0; height: 460px;}

.about_sec .middle_tit {position: relative; top: 50px; opacity: 0; transition: top 1s ease, opacity 1s ease;}
.about_sec .con_middle_txt {position: relative; top: 50px; margin-top: 35px; word-break: keep-all; opacity: 0; word-break: keep-all; transition: top 1s ease, opacity 1s ease;}
.about_sec .con_middle_txt.en {font-family: "neue-haas-unica", sans-serif; font-weight: 400;}
.about_sec.active .middle_tit {top: 0; opacity: 1;}
.about_sec.active .con_middle_txt {top: 0; opacity: 1; transition-delay: .2s;}

.service_sec .middle_tit {position: relative; top: 50px; opacity: 0; transition: top 1s ease, opacity 1s ease;}
.service_sec .middle_tit.active {top: 0; opacity: 1;}
.service_sec .fixed_area {position: relative; margin-top: 70px;}
.service_sec .fixed_area .txt_box {width: 400px;}
.service_sec .fixed_area .txt_box .txt_con {position: relative; left: -30px; margin-top: 150px; opacity: 0; transition: left .6s ease, opacity 1s ease;}
.service_sec .fixed_area .txt_box .txt_con.flex_txt_con {padding-bottom: 40px; border-bottom: 1px solid #d9d9d9;}
.service_sec .fixed_area .txt_box .txt_con:first-child {margin-top: 0; padding-top: 70px;}
.service_sec .fixed_area .txt_box .txt_con.active {left: 0; opacity: 1;}
.service_sec .fixed_area .txt_box .txt_con .con_tit {margin-bottom: 105px; font-family: "neue-haas-unica", sans-serif; font-weight: 600;}
.service_sec .fixed_area .txt_box .txt_con .con_big_txt_b {margin-bottom: 15px; color: #1f1f1f;}
.service_sec .fixed_area .txt_box .txt_con .con_big_txt_b.en {font-family: "neue-haas-unica", sans-serif; font-weight: 600;}
.service_sec .fixed_area .txt_box .txt_con .con_middle_txt {word-break: keep-all;}
.service_sec .fixed_area .txt_box .txt_con .con_middle_txt.en {font-family: "neue-haas-unica", sans-serif; font-weight: 400;}
.service_sec .fixed_area .txt_box .txt_con .con_txt.dot_txt {color: #727272; word-break: keep-all;}
.service_sec .fixed_area .txt_box .txt_con .con_txt.dot_txt:before {top: 11px; background: #727272;}
.service_sec .fixed_area .txt_box .txt_con .detail {margin-bottom: 30px;}
.service_sec .fixed_area .txt_box .txt_con .detail .con_txt {color: #727272;}
.service_sec .fixed_area .txt_box .txt_con .sub_tit {margin-bottom: 100px;}
.service_sec .fixed_area .txt_box .txt_con .flex_area {align-items: flex-start; margin-bottom: 80px;}
.service_sec .fixed_area .txt_box .txt_con .flex_area .left_div {width: 30%;}
.service_sec .fixed_area .txt_box .txt_con .flex_area .left_div .con_tit {margin-bottom: 15px; line-height: 1;}
.service_sec .fixed_area .txt_box .txt_con .flex_area .left_div .con_txt {color: #727272;}
.service_sec .fixed_area .txt_box .txt_con .flex_area .right_div {width: 65%;}
.service_sec .fixed_area .txt_box .txt_con .flex_area .right_div .list_con:not(:first-child) {margin-top: 55px;}
.service_sec .fixed_area .txt_box .txt_con .flex_area .right_div .con_middle_txt_b {margin-bottom: 10px; color: #1472ce;}
.service_sec .fixed_area .txt_box .txt_con .flex_area .right_div .con_txt {color: #727272;}
.service_sec .fixed_area .img_box {position: absolute; top: 0; right: 0; height: calc(100vh - 100px); overflow: hidden;}
.service_sec .fixed_area .img_box .fade_img {position: absolute; top: 0; right: 0; opacity: 0; transition: opacity 1s ease;}
.service_sec .fixed_area .img_box .fade_img.show {opacity: 1;}

.career_sec {padding: 290px 0 200px; min-height: 800px; background: url(images/aboutus-business-place-career.jpg) no-repeat center top/100% #f5f6f7;}
.career_sec .inner > .middle_tit {position: relative; top: 50px; text-align: center; opacity: 0; transition: top 1s ease, opacity 1s ease;}
.career_sec .inner > .con_middle_txt {position: relative; top: 50px; margin-top: 35px; text-align: center; word-break: keep-all; opacity: 0; transition: top 1s ease, opacity 1s ease;}
.career_sec .inner > .box_btn {position: relative; top: 50px; margin-top: 53px; opacity: 0; transition: top 1s ease, opacity 1s ease;}
.career_sec .inner > .con_txt {position: relative; top: 50px; margin-top: 70px; color: #727272; text-align: center; opacity: 0; transition: top 1s ease, opacity 1s ease;}
.career_sec .accordion_type {position: relative; top: 50px; margin-top: 53px; opacity: 0; transition: top 1s ease, opacity 1s ease;}
.career_sec.active .accordion_type {top: 0; opacity: 1; transition-delay: .3s;}
.career_sec .accordion_type .list_wrap {border-top: none;}
.career_sec .accordion_type .list .click_con {padding: 31px 20px; background: #fff; border-top: 1px solid #ecedee; border-bottom: none;}
.career_sec .accordion_type .list:first-child .click_con {border-top: none;}
.career_sec .accordion_type .list:last-child .click_con {border-bottom: none;}
.career_sec .accordion_type .list .hide_con {border-top: 1px solid #e9ebec; border-bottom: none; background: #fff;}
.career_sec .accordion_type .list .hide_con .con_big_txt_b {color: #1f1f1f;}
.career_sec .accordion_type .list .hide_con .table_type {margin-top: 25px;}
.career_sec .accordion_type .list .hide_con .table_wrap .con_middle_txt {margin-top: 15px;}
.career_sec .accordion_type .list .hide_con .table_wrap .con_middle_txt:first-child {margin-top: 0;}
.career_sec .accordion_type .list .hide_con .title {margin-bottom: 20px;}
.career_sec .accordion_type .list .hide_con .con_txt {margin-top: 10px;}
.career_sec .accordion_type .list .hide_con .con_list {margin: 20px 0;}
.career_sec .accordion_type .list .hide_con .process_con {padding: 55px 50px 0 55px;}
.career_sec .accordion_type .list .hide_con .flex_area:not(:last-child) {margin-bottom: 70px;}
.career_sec .accordion_type .list .hide_con .flex_area .process_div {width: 480px;}
.career_sec .accordion_type .list .hide_con .flex_area .process_div .con_txt {margin-top: 15px; color: #727272; word-break: keep-all;}
.career_sec.active .middle_tit {top: 0; opacity: 1;}
.career_sec.active .con_middle_txt {top: 0; opacity: 1; transition-delay: .2s;}
.career_sec.active .box_btn {top: 0; opacity: 1; transition-delay: .3s;}
.career_sec.active .con_txt {top: 0; opacity: 1; transition-delay: .3s;}

.business_area .contact_sec .tab_btn_area button {font-family: "neue-haas-unica", sans-serif; font-weight: 600;}
.contact_sec .middle_tit {position: relative; top: 50px; margin-bottom: 47px; opacity: 0; transition: top 1s ease, opacity 1s ease;}
.contact_sec .contact_con {position: relative; top: 50px; opacity: 0; transition: top 1s ease, opacity 1s ease;}
.contact_sec .tab_con_area {margin: 20px 0 110px;}
.contact_sec .map_area {width: 100%;}
.contact_sec .map_area img {width: 100%;}
.contact_sec .place_info {float: right; position: relative; margin-top: -215px; padding: 90px 70px 90px 110px; width: 730px; background: #fff;}
.contact_sec .place_info .con_tit {font-family: "neue-haas-unica", sans-serif; font-weight: 600;}
.contact_sec .place_info .con_middle_txt {margin-top: 10px; color: #727272; font-family: "neue-haas-unica", sans-serif; font-weight: 400;}
.contact_sec .place_info .info_div {margin-top: 30px;}
.contact_sec .place_info .info_div .info {display: table; margin-top: 10px;}
.contact_sec .place_info .info_div .info .tit {display: table-cell; width: 110px; font-size: 16px; font-family: "neue-haas-unica", sans-serif; font-weight: 600; color: #727272;}
.contact_sec .place_info .info_div .info .txt {display: table-cell; font-size: 16px; font-family: "neue-haas-unica", sans-serif; font-weight: 400; color: #727272;}
.contact_sec .place_info.europe {display: flex; justify-content: space-between; float: none; margin: -215px auto 0; padding: 90px 110px; width: 1140px;}
.contact_sec .place_info.europe .info_box {width: 440px;}
.contact_sec .place_info.europe .info_box .title_div {margin-bottom: 40px;}
.contact_sec .place_info.europe .info_box .info_div:first-child {margin-top: 0;}
.contact_sec .place_info.europe .info_box .info_div .sub_title {font-family: "neue-haas-unica", "spoqa_bold", sans-serif; font-weight: 600;}
.contact_sec .place_info.europe .sns_div > a {display: inline-block; margin-right: 10px; width: 48px; height: 48px;}
.contact_sec .place_info.europe .sns_div .tit {display: none;}
.contact_sec .place_info.europe .sns_div .linkedin {background: url("../images/icon-aboutus-contact-us-linkedin.png") no-repeat center center;}
.contact_sec .place_info.europe .sns_div .facebook {background: url("../images/icon-aboutus-contact-us-facebook.png") no-repeat center center;}
.contact_sec.active .middle_tit {top: 0; opacity: 1;}
.contact_sec.active .contact_con {top: 0; opacity: 1; transition-delay: .2s;}

.history_sec {margin-top: 200px;}
.history_sec .middle_tit {position: relative; top: 50px; font-family: "neue-haas-unica", sans-serif; font-weight: 600; opacity: 0; transition: top 1s ease, opacity 1s ease;}
.history_sec .middle_tit.active {top: 0; opacity: 1;}
/* .history_sec .flex_area {position: relative; top: 50px; margin-top: 140px; opacity: 0; transition: top 1s ease, opacity 1s ease;}
.history_sec .flex_area:last-child {margin-bottom: 275px;}
.history_sec .flex_area.fir {margin-top: 70px;}
.history_sec .flex_area.active {top: 0; opacity: 1;}
.history_sec .flex_area > div {width: 620px;}
.history_sec .flex_area .year {padding-bottom: 90px; font-size: 160px; font-family: neue-haas-unica, sans-serif; font-weight: 600; color: #1f1f1f; letter-spacing: -2.5px; line-height: 1; border-bottom: 1px solid #d9d9d9;}
.history_sec .flex_area .history_div {padding-top: 90px;}
.history_sec .flex_area .history_div .month_div {display: table; margin-bottom: 50px; width: 100%;}
.history_sec .flex_area .history_div .month_div:last-child {margin-bottom: 0;}
.history_sec .flex_area .history_div .month_div .month {display: table-cell; width: 110px; font-family: neue-haas-unica, sans-serif; font-weight: 600; color: #1f1f1f;}
.history_sec .flex_area .history_div .month_div .txt {color: #444;} */
.history_sec .flex_area {align-items: flex-start; justify-content: space-between; margin-top: 200px;}
.history_sec .flex_area > div {width: 43%;}
.history_sec .flex_area .left_div {position: relative; top: 50px; font-size: 110px; font-family: "neue-haas-unica", sans-serif; font-weight: 600; color: #1472cf; letter-spacing: -1px; line-height: 1; opacity: 0; transition: top 1s ease, opacity 1s ease;}
.history_sec .flex_area .left_div.active {top: 0; opacity: 1;}
.history_sec .flex_area .right_div {position: relative;}
.history_sec .flex_area .right_div:before {display: block; content: ""; position: absolute; top: 0; left: -128px; width: 2px; height: 100%; background: #d9d9d9;}
.history_sec .flex_area .history_div {position: relative; top: 50px; opacity: 0; transition: top 1s ease, opacity 1s ease;}
.history_sec .flex_area .history_div:not(:first-child) {padding-top: 120px;}
.history_sec .flex_area .history_div.active {top: 0; opacity: 1;}
.history_sec .flex_area .history_div .month_div {margin-bottom: 50px; width: 100%;}
.history_sec .flex_area .history_div .month_div:last-child {margin-bottom: 0;}
.history_sec .flex_area .history_div .month_div .month {margin-bottom: 20px; font-family: "neue-haas-unica", sans-serif; font-weight: 600; color: #1f1f1f;}
.history_sec .flex_area .history_div .month_div .txt {color: #444;}

.data_sec .middle_tit {position: relative; top: 50px; opacity: 0; transition: top 1s ease, opacity 1s ease;}
.data_sec .con_middle_txt {position: relative; top: 50px; margin-top: 35px; opacity: 0; transition: top 1s ease, opacity 1s ease;}
.data_sec .con_middle_txt.en {font-family: "neue-haas-unica", sans-serif; font-weight: 400;}
.data_sec.active .middle_tit {top: 0; opacity: 1;}
.data_sec.active .con_middle_txt {top: 0; opacity: 1; transition-delay: .2s;}

.career_overview_sec .middle_tit {position: relative; top: 50px; opacity: 0; transition: top 1s ease, opacity 1s ease;}
.career_overview_sec .middle_tit.active {top: 0; opacity: 1;}
.career_overview_sec .flex_area {margin-top: 65px;}
.career_overview_sec .flex_area > div {width: 48%;}
.career_overview_sec .flex_area .left_div .txt_box {position: relative; top: 50px; margin-bottom: 115px; width: 400px; opacity: 0; transition: top 1s ease, opacity 1s ease;}
.career_overview_sec .flex_area .left_div .txt_box:last-child {margin-bottom: 0;}
.career_overview_sec .flex_area .left_div .txt_box .con_big_txt_b {color: #1f1f1f;}
.career_overview_sec .flex_area .left_div .txt_box .con_middle_txt {margin-top: 10px; font-family: "neue-haas-unica", sans-serif; font-weight: 400;}
.career_overview_sec .flex_area .left_div .txt_box.active {top: 0; opacity: 1;}
.career_overview_sec .flex_area .right_div .img {overflow: hidden; position: relative; top: 50px; opacity: 0; transition: top 1s ease, opacity 1s ease;}
.career_overview_sec .flex_area .right_div .img img {width: 100%; transform: scale(1.05); transition: transform 1.5s ease;}
.career_overview_sec .flex_area .right_div.active .img {top: 0; opacity: 1;}
.career_overview_sec .flex_area .right_div.active .img img {transform: scale(1);}

.working_sec .middle_tit {position: relative; top: 50px; opacity: 0; transition: top 1s ease, opacity 1s ease;}
.working_sec .middle_tit.active {top: 0; opacity: 1;}
.working_sec .flex_area {align-items: flex-start; margin-top: 180px;}
.working_sec .flex_area .left_div {position: relative; width: 43%;}
.working_sec .flex_area .left_div .sub_tit {position: absolute; top: 0; left: 0;}
.working_sec .flex_area .left_div .sub_tit span {position: relative; top: 50px; opacity: 0; transition: top 1s ease, opacity 1s ease;}
.working_sec .flex_area .left_div.active .sub_tit span {top: 0; opacity: 1;}
.working_sec .flex_area .right_div {width: 51.5%;}
.working_sec .flex_area .right_div .work_div {position: relative; top: 50px; margin-bottom: 115px; opacity: 0; transition: top 1s ease, opacity 1s ease;}
.working_sec .flex_area .right_div .work_div:last-child {margin-bottom: 0;}
.working_sec .flex_area .right_div .work_div.active {top: 0; opacity: 1;}
.working_sec .flex_area .right_div .work_div .con_tit {margin-top: 55px;}
.working_sec .flex_area .right_div .work_div .con_txt {margin-top: 25px; color: #727272; font-family: "neue-haas-unica", sans-serif; font-weight: 400;}

.eur_service_sec .middle_tit {position: relative; top: 50px; opacity: 0; transition: top 1s ease, opacity 1s ease;}
.eur_service_sec > .con_middle_txt {position: relative; top: 50px; margin-top: 35px; font-family: "neue-haas-unica", sans-serif; font-weight: 400; opacity: 0; transition: top 1s ease, opacity 1s ease;}
.eur_service_sec.active .middle_tit {top: 0; opacity: 1;}
.eur_service_sec.active .con_middle_txt {top: 0; opacity: 1; transition-delay: .2s;}
.eur_service_sec .service_info {margin-top: 190px;}
.eur_service_sec .service_info .info_img {position: relative; top: 50px; opacity: 0; transition: top 1s ease, opacity 1s ease;}
.eur_service_sec .service_info .info_img.active {top: 0; opacity: 1;}
.eur_service_sec .service_info .info_img img {width: 100%;}
.eur_service_sec .service_info .info_box {margin-top: 95px;}
.eur_service_sec .service_info .info_div {display: flex; position: relative; top: 50px; margin-bottom: 110px; opacity: 0; transition: top 1s ease, opacity 1s ease;}
.eur_service_sec .service_info .info_div.active {top: 0; opacity: 1;}
.eur_service_sec .service_info .info_div:last-child {margin-bottom: 0;}
.eur_service_sec .service_info .info_div .info {margin-right: 80px; width: calc((100% - 160px) / 3); width: -webkit-calc((100% - 80px) / 3);}
.eur_service_sec .service_info .info_div .info:nth-child(3n) {margin-right: 0;}
.eur_service_sec .service_info .info_div .info > p {font-family: "neue-haas-unica", sans-serif; font-weight: 400;}
.eur_service_sec .service_info .info_div .info .con_big_txt_b {font-weight: 600;}
.eur_service_sec .service_info .info_div .info .con_txt {margin-top: 10px; color: #727272;}
.eur_service_sec .service_info .info_div .info .con_middle_txt {margin-top: 30px;}

.overview_sec .middle_tit {position: relative; top: 50px; opacity: 0; transition: top 1s ease, opacity 1s ease;}
.overview_sec .middle_tit.active {top: 0; opacity: 1;}
.overview_sec .flex_area {position: relative; top: 50px; align-items: flex-start; margin-top: 180px; padding-bottom: 80px; border-bottom: 1px solid #d9d9d9; opacity: 0; transition: top 1s ease, opacity 1s ease;}
.overview_sec .flex_area .info_div {overflow: hidden; width: 52%;}
.overview_sec .flex_area .info_div .info {float: left; margin-bottom: 70px; width: 50%;}
.overview_sec .flex_area .info_div .info:nth-child(2n) {padding-left: 40px;}
.overview_sec .flex_area .info_div .info .con_middle_txt {margin-top: 15px;}
.overview_sec .flex_area.active {top: 0; opacity: 1;}

.performance_sec .middle_tit {position: relative; top: 50px; margin-bottom: 50px; opacity: 0; transition: top 1s ease, opacity 1s ease;}
.performance_sec .middle_tit.active {top: 0; opacity: 1;}
.performance_sec .flex_area:not(:last-child) {margin-bottom: 120px;}
.performance_sec .flex_area > div {width: 48%;}
.performance_sec .flex_area .img {overflow: hidden; position: relative; top: 50px; opacity: 0; transition: top 1s ease, opacity 1s ease;}
.performance_sec .flex_area .img img {width: 100%; transform: scale(1.05); transition: transform 1.5s ease;}
.performance_sec .flex_area .left_div.txt {position: relative; top: 50px; padding: 0 110px 0 70px; opacity: 0; transition: top 1s ease, opacity 1s ease;}
.performance_sec .flex_area .right_div.txt {position: relative; top: 50px; padding: 0 70px 0 110px; opacity: 0; transition: top 1s ease, opacity 1s ease;}
.performance_sec .flex_area .con_tit {font-family: "neue-haas-unica", sans-serif; font-weight: 600;}
.performance_sec .flex_area .con_middle_txt {margin-top: 50px; font-family: "neue-haas-unica", sans-serif; font-weight: 400;}
.performance_sec .flex_area.active .img {top: 0; opacity: 1;}
.performance_sec .flex_area.active .img img {transform: scale(1);}
.performance_sec .flex_area.active .left_div.txt {top: 0; opacity: 1; transition-delay: .2s;}
.performance_sec .flex_area.active .right_div.txt {top: 0; opacity: 1; transition-delay: .2s;}

.european_sec .middle_tit {position: relative; top: 50px; margin-bottom: 50px; opacity: 0; transition: top 1s ease, opacity 1s ease;}
.european_sec .middle_tit.active {top: 0; opacity: 1;}
.european_div {position: relative; top: 50px; margin-top: 50px; opacity: 0; transition: top 1s ease, opacity 1s ease;}
.european_div.active {top: 0; opacity: 1;}
.european_div .tab_btn_area {margin-bottom: 20px; width: 100%;}
.european_div .tab_con_area .tab_con .img img {width: 100%;}
.european_div .tab_con_area .tab_con .flex_area {align-items: flex-start; margin-top: 90px; padding-bottom: 95px; border-bottom: 1px solid #d9d9d9;}
.european_div .tab_con_area .tab_con .sub_tit {font-family: "neue-haas-unica", sans-serif; font-weight: 600;}
.european_div .tab_con_area .tab_con .con_middle_txt {width: 660px; color: #444; font-family: "neue-haas-unica", sans-serif; font-weight: 400;}

.eur_history_sec .middle_tit {position: relative; top: 50px; opacity: 0; transition: top 1s ease, opacity 1s ease;}
.eur_history_sec .middle_tit.active {top: 0; opacity: 1;}
.eur_history_sec .middle_tit {margin-bottom: 190px;}
.eur_history_sec .active_his .divided_area .box.left .history_txt span {position: relative; top: -10px; font-size: 110px; font-family: "neue-haas-unica", sans-serif; color: #1472cf; line-height: 1; font-weight: 600;}
.eur_history_sec .active_his .divided_area .box.right {margin-top: 0; /* padding-bottom:53vh; */}
.eur_history_sec .active_his .divided_area .box.right .list_wrap .list {display: block;}
.eur_history_sec .active_his .divided_area .box.right .list_wrap .list:first-child {margin-top: 0;}
.eur_history_sec .active_his .divided_area .box.right .list_wrap .list .month {width: 100%;}
.eur_history_sec .active_his .divided_area .box.right .list_wrap .list .event {margin-top: 15px; width: 100%;}

/* IR - 공통 아코디언 */
.sub_ir .accordion_type .con_middle_txt_b {margin-top: 30px;}
.sub_ir .accordion_type .con_middle_txt_b:first-child {margin-top: 0;}
.sub_ir .accordion_type .con_tit {margin-top: 50px;}
.sub_ir .accordion_type .con_tit:first-child {margin-top: 0;}
.sub_ir .accordion_type .con_txt {margin-top: 10px; word-break: keep-all;}
.sub_ir .accordion_type .terms_wrap .con_list {margin-top: 20px;}

.sub_sustainability .accordion_type .con_middle_txt_b {margin-top: 30px;}
.sub_sustainability .accordion_type .con_middle_txt_b:first-child {margin-top: 0;}
.sub_sustainability .accordion_type .con_tit {margin-top: 50px;}
.sub_sustainability .accordion_type .con_tit:first-child {margin-top: 0;}
.sub_sustainability .accordion_type .con_txt {margin-top: 10px; word-break: keep-all;}
.sub_sustainability .accordion_type .terms_wrap .con_list {margin-top: 20px;}

/* IR - IR정보 상세 */
.ir_view .view_list {padding: 60px 0 20px; background: #f3f5f7;}
.ir_view .view_list .ir_news_list .tit {margin-bottom: 40px; text-align: center; line-height: 1; font-size: 20px; color: #1f1f1f; font-family: "neue-haas-unica", sans-serif; font-weight: 600; letter-spacing: -.4px;}

/* IR - IR뉴스 */
.ir_news_list {padding: 60px 0 240px; background: #f3f5f7;}
.ir_news_list .list_div:after {display: block; content: ""; clear: both;}
.ir_news_list .list_div .list {float: left; position: relative; margin: 0 40px 40px 0; padding-bottom: 208px; width: -webkit-calc((100% - 80px) / 3); width: calc((100% - 80px) / 3); height: 445px;}
.ir_news_list .list_div .list:nth-child(3n) {margin-right: 0;}
.ir_news_list .list_div .list .img_area {overflow: hidden; position: relative; padding-top: 60%; transition: height .4s ease;}
.ir_news_list .list_div .list .img_area img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%;}
.ir_news_list .list_div .list .txt_area {position: absolute; bottom: 0; left: 0; padding: 44px 60px 35px; width: 100%; height: 208px; background: #fff; transition: height .4s ease;}
.ir_news_list .list_div .list:hover .txt_area {height: 246px;}
.ir_news_list .list_div .list .txt_area .title {overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; height: 58px; font-family: "neue-haas-unica", sans-serif; font-weight: 600; font-size: 20px; line-height: 30px; color: #1f1f1f; word-break: break-all; text-overflow: ellipsis;}
.ir_news_list .list_div .list .title.ie {display: block; display: -webkit-box; word-break: break-all; overflow: hidden; max-height: 60px; height: auto; position: relative; margin-right: -20px; padding-right: 20px; width: 100%;}
.ir_news_list .list_div .list .txt_area .title.ie:before {content: "..."; position: absolute; right: 7px; bottom: 5px;}
.ir_news_list .list_div .list .txt_area .title.ie:after {content: ""; position: absolute; right: 3px; width: 20px; height: 20px; margin-top: .2em; background: #fff;}
.ir_news_list .list_div .list .txt_area .date {margin-top: 35px; font-size: 16px; font-family: "neue-haas-unica", sans-serif; font-weight: 400; color: #727272; letter-spacing: 0;}
.ir_news_list .list_div .list .txt_area .arrow {position: absolute; right: 82px; bottom: 32px; width: 36px; height: 16px; background: url("../images/icon-ir-news-arrow.png") no-repeat center center; opacity: 0; transition: right .4s ease, opacity .4s ease;}
.ir_news_list .list_div .list:hover .txt_area .arrow {right: 62px; opacity: 1;}
.ir_news_list.no_data {padding: 0;}
.ir_news_list.no_data.ir_news_summary {padding-top: 160px;}/* IR 개요 페이지 예외처리 */

/* IR - IR문의 */
.ir_inquiry {padding: 350px 0 248px; background: url("../images/img-ir-inquiry-bg.jpg") no-repeat center center/cover;}

/* IR - IR뉴스상세 */
.ir_view .view_con {padding: 0 110px;}
.ir_view .view_con .title_area {position: relative;}
.ir_view .view_con .date_div .type {display: inline-block; margin-right: 15px; font-size: 16px; color: #727272; font-family: "neue-haas-unica", sans-serif; font-weight: 600; line-height: 1;}
.ir_view .view_con .date_div .date {font-size: 16px; color: #727272; line-height: 1;}
.ir_view .view_con .middle_tit {margin: 15px 0 63px; padding-right: 100px; word-break: keep-all;}
.ir_view .view_con .btn_area {position: absolute; top: 72px; right: 0; width: 83px;}
.ir_view .view_con .btn_area .share_area {display: inline-block;}
.ir_view .view_con .btn_area .share_area .share_btn {width: 24px; height: 24px; background: url("../images/icon-share-btn.png") no-repeat center center;}
.ir_view .view_con .btn_area .share_div {display: none; position: absolute; top: -16px; right: -9px; padding: 18px 18px 11px; width: 60px; background: #fff; border: 1px solid #d9d9d9;}
.ir_view .view_con .btn_area .share_div .close {margin-bottom: 25px; width: 21px; height: 21px; background: url("../images/icon-share-close.png") no-repeat center center;}
.ir_view .view_con .btn_area .share_div .kakao {display: inline-block; margin-bottom: 16px; width: 21px; height: 21px; background: url("../images/icon-share-kakao.png") no-repeat center center;}
.ir_view .view_con .btn_area .share_div .facebook {display: inline-block; margin-bottom: 18px; width: 21px; height: 21px; background: url("../images/icon-share-facebook.png") no-repeat center center;}
.ir_view .view_con .btn_area .share_div .linkedin {display: inline-block; width: 21px; height: 21px; background: url("../images/icon-share-linkedin.png") no-repeat center center;}
.ir_view .view_con .img_area img {width: 100%;}
.ir_view .view_con .con_middle_txt {padding: 56px 70px; word-break: keep-all; border-bottom: 1px solid #d9d9d9;}
.ir_view .view_con .con_middle_txt img {max-width: 100%;}
.ir_view .list_btn {margin: 60px 0 120px;}
.ir_view .ir_news_list {padding: 0;}

/* IR - 공시정보 */
.title_div {margin-bottom: 20px;}
.title_div .disclosure_tit {display: inline-block; color: #1f1f1f;}

/* Sustainability */
.sustain_area .page_tit {position: relative; top: 50px; opacity: 0; transition: top 1s ease, opacity 1s ease;}
.sustain_area .page_tit.active {top: 0; opacity: 1;}
.sustain_area .page_sub_tit {position: relative; top: 50px; margin-top: 40px; word-break: keep-all; opacity: 0; transition: top 1s ease, opacity 1s ease;}
.sustain_area .page_sub_tit.active {top: 0; opacity: 1;}
.sustain_area .half_list {margin-top: 75px;}
.sustain_area .half_list .left_div .small_tit {position: relative; top: 50px; opacity: 0; transition: top 1s ease, opacity 1s ease;}
.sustain_area .half_list .list.active .left_div .small_tit {top: 0; opacity: 1;}
.sustain_area .half_list .left_div .sub_tit {position: relative; top: 50px; opacity: 0; transition: top 1s ease, opacity 1s ease;}
.sustain_area .half_list .list.active .left_div .sub_tit {top: 0; opacity: 1;}
.sustain_area .half_list .right_div.motion_div {position: relative; top: 50px; opacity: 0; transition: top 1s ease, opacity 1s ease;}
.sustain_area .half_list .right_div.motion_div.active {top: 0; opacity: 1;}
.sustain_area .half_list .right_div.motion_div .txt_box {top: 0; opacity: 1; transition: none;}
.sustain_area .half_list .right_div .con_middle_txt {position: relative; top: 50px; opacity: 0; transition: top 1s ease, opacity 1s ease;}
.sustain_area .half_list .right_div .img img {max-width: 100%;}
/* .sustain_area .half_list .right_div .con_tit{position:relative; top:50px; margin-top:70px; opacity:0; transition:top 1s ease, opacity 1s ease;} */
.sustain_area .half_list .right_div .txt_box {position: relative; top: 50px; margin-top: 50px; opacity: 0; transition: top 1s ease, opacity 1s ease;}
.sustain_area .half_list .right_div .txt_box:first-child {margin-top: 0;}
.sustain_area .half_list .right_div .txt_box.active {top: 0; opacity: 1;}
.sustain_area .half_list .list.active .right_div .con_middle_txt {top: 0; opacity: 1;}
/* .sustain_area .half_list .list.active .right_div .con_tit{top:0; opacity:1; transition-delay:0.3s}
.sustain_area .half_list .list.active .right_div .con_tit.sec{transition-delay:0.5s} */
.sustain_area .half_list .right_div .dot_div {margin: 30px 0 52px;}
/* .sustain_area .half_list .list.active .right_div .dot_div{top:0; opacity:1; transition-delay:0.4s} */
.sustain_area .half_list .right_div .dot_txt.con_txt {margin-top: 5px; padding-left: 15px; color: #727272;}
.sustain_area .half_list .right_div .dot_txt:before {top: 12px;}
/* .sustain_area .half_list .right_div .download{position:relative; top:50px; opacity:0; transition:top 1s ease, opacity 1s ease;} */
.sustain_area .half_list .right_div .con_txt {margin-top: 30px; color: #727272; word-break: keep-all;}
.sustain_area .half_list .right_div .sub_img {position: relative; top: 50px; margin-top: 73px; width: 100%; opacity: 0; transition: top 1s ease, opacity 1s ease;}
.sustain_area .half_list .list .right_div .sub_img img {width: 100%;}
/* .sustain_area .half_list .list.active .right_div .download{top:0; opacity:1; transition-delay:0.5s} */
.sustain_area .half_list .list.active .right_div .sub_img {top: 0; opacity: 1; transition-delay: .3s;}
.sustain_area .visual_img {overflow: hidden; margin: 200px auto 0; width: 1730px; text-align: center;}
.sustain_area .visual_img img {position: relative; left: 50%; width: 100%; transform: scale(1.05) translateX(-50%); transform-origin: center; opacity: 0; transition: transform 1.4s ease, opacity 1s ease;}
.sustain_area .visual_img.active img {transform: scale(1) translateX(-50%); opacity: 1;}
.sustain_area .visual_txt {position: relative; top: 50px; opacity: 0; margin-top: -100px; padding: 90px 0 35px; background: #fff; transition: top 1s ease, opacity 1s ease;}
.sustain_area .visual_txt.active {top: 0; opacity: 1;}
.sustain_area .visual_txt .small_tit {text-align: center;}
.sustain_area .visual_txt .con_middle_txt {margin-top: 45px; text-align: center;}
.sustain_area section {margin-bottom: 150px;}
.sustain_area section .small_tit {position: relative; top: 50px; margin-bottom: 47px; opacity: 0; transition: top 1s ease, opacity 1s ease;}
.sustain_area section .con_middle_txt {position: relative; top: 50px; opacity: 0; word-break: keep-all; transition: top 1s ease, opacity 1s ease;}
.sustain_area section .img {overflow: hidden; position: relative; top: 50px; margin-top: 110px; width: 100%; /* height: 850px; */ opacity: 0; transition: top 1s ease, opacity 1s ease;}
.sustain_area section .img img {transform: scale(1.05); transition: transform 2s ease; width: 100%;}
.sustain_area section .con_list .con_txt:not(:last-child) {margin-bottom: 10px;}
.sustain_area section.active .small_tit {top: 0; opacity: 1;}
.sustain_area section.active .con_middle_txt {top: 0; opacity: 1; transition-delay: .2s;}
.sustain_area section.active .img {top: 0; opacity: 1; transition-delay: .3s;}
.sustain_area section.active .img img {transform: scale(1); transition-delay: .3s;}
.sustain_area .img_area {margin-bottom: 300px;}
.sustain_area .img_area .full_img {overflow: hidden; position: relative; top: 50px; margin: 190px 0 90px; width: 100%; /* height: 850px; */ opacity: 0; transition: top 1s ease, opacity 1s ease;}
.sustain_area .img_area .full_img img {transform: scale(1.05); transition: transform 2s ease; width: 100%;}
.sustain_area .img_area .full_img.active {top: 0; opacity: 1;}
.sustain_area .img_area .full_img.active img {transform: scale(1);}
.sustain_area .half_area {display: flex; justify-content: space-between; align-items: center;}
.sustain_area .half_area:after {display: block; content: ""; clear: both;}
.sustain_area .img_area .full_img + .half_area > div > p {position: relative; left: -30px; top: 0; word-break: keep-all; opacity: 0; transition: left 1s ease, opacity 1s ease;}
.sustain_area .img_area .full_img + .half_area.active > div > p {left: 0; opacity: 1;}
.sustain_area .img_area .full_img + .half_area.active > div > .con_middle_txt {transition-delay: .2s;}
.sustain_area .half_area > div {width: calc((100% - 40px) / 2); width: -webkit-calc((100% - 40px) / 2);}
.sustain_area .half_area > div .img {overflow: hidden; position: relative; top: 50px; /* width: 620px; height: 960px;*/ opacity: 0; transition: top 1s ease, opacity 1s ease;}
.sustain_area .half_area > div .img img {transform: scale(1.05); transition: transform 2s ease; width: 100%;}
.sustain_area .half_area > div.active .img {top: 0; opacity: 1;}
.sustain_area .half_area > div.active .img img {transform: scale(1);}
.sustain_area .half_area > div .con_middle_txt {margin-top: 50px;}
.sustain_area .half_area > div .small_tit {position: relative; top: 50px; word-break: keep-all; opacity: 0; transition: top 1s ease, opacity 1s ease;}
.sustain_area .half_area > div .con_middle_txt {position: relative; top: 50px; opacity: 0; transition: top 1s ease, opacity 1s ease;}
.sustain_area .half_area > div.active .small_tit {top: 0; opacity: 1;}
.sustain_area .half_area > div.active .con_middle_txt {top: 0; opacity: 1; transition-delay: .2s;}
.sustain_area .half_area .left {padding-left: 70px; margin-right: 40px;}
.sustain_area .half_area .left.img_box {padding-left: 0;}
.sustain_area .half_area .left.img_box img {width: 100%;}
.sustain_area .half_area .right .con_middle_txt {margin-top: 0;}
.sustain_area .half_area .right.txt {padding-left: 110px;}
.sustain_area .half_area .right.txt .con_middle_txt {margin-top: 50px;}
.sustain_area .half_area .right.img_box img {width: 100%;}
.sustain_area .banner {padding: 100px 0; background: url("../images/img-sustainability-environment-banner.jpg") no-repeat 35% center/cover; opacity: 0; transition: opacity .7s ease;}
.sustain_area .banner.active {opacity: 1;}
.sustain_area .banner .icon {position: relative; top: 50px; text-align: center; opacity: 0; transition: top 1s ease, opacity 1s ease; margin: 0 auto; width: 224px; height: 72px; background: url(../images/icon-sustainability-environment-banner.png) 0 0 no-repeat;}
.sustain_area .banner .con_middle_txt {position: relative; top: 50px; margin: 30px 0 45px; text-align: center; opacity: 0; transition: top 1s ease, opacity 1s ease;} 
.sustain_area .banner .box_btn {position: relative; top: 50px; opacity: 0; transition: top 1s ease, opacity 1s ease;} 
.sustain_area .banner.active .icon {top: 0; opacity: 1; transition-delay: .2s;}
.sustain_area .banner.active .con_middle_txt {top: 0; opacity: 1; transition-delay: .3s;} 
.sustain_area .banner.active .box_btn {top: 0; opacity: 1; transition-delay: .4s;}
.sustain_area .small_sec .sub_tit {position: relative; top: 50px; opacity: 0; transition: top 1s ease, opacity 1s ease;}
.sustain_area .small_sec .con_middle_txt {position: relative; top: 50px; opacity: 0; transition: top 1s ease, opacity 1s ease; margin: 30px 0 100px;}
.sustain_area .small_sec .half_area {position: relative; top: 50px; opacity: 0; transition: top 1s ease, opacity 1s ease;}
.sustain_area .small_sec.active .sub_tit {top: 0; opacity: 1;}
.sustain_area .small_sec.active .con_middle_txt {top: 0; opacity: 1; transition-delay: .2s;}
.sustain_area .small_sec.active .half_area {top: 0; opacity: 1; transition-delay: .3s;}
.sustain_area .half_list .right_div .flex_box {display: flex;}
.sustain_area .half_list .right_div .flex_box .con_txt {margin-top: 10px;}
.sustain_area .half_list .right_div .flex_box .con_txt:nth-child(1) {width: 170px; font-family: "neue-haas-unica", sans-serif; font-weight: 600;}
.sustain_area .half_list .right_div .flex_box .con_txt.fir {margin-top: 30px;}
.sustain_area .con_list {position: relative; top: 50px; margin-top: 40px; opacity: 0; transition: top 1s ease, opacity 1s ease;}
.sustain_area .con_list.active {top: 0; opacity: 1;}
.sustain_area .accordion_type .small_tit {position: relative; top: 50px; opacity: 0; margin-bottom: 50px; transition: top 1s ease, opacity 1s ease;}
.sustain_area .accordion_type .list_wrap {position: relative; top: 50px; opacity: 0; transition: top 1s ease, opacity 1s ease;}
.sustain_area .accordion_type.active .small_tit {top: 0; opacity: 1;}
.sustain_area .accordion_type.active .list_wrap {top: 0; opacity: 1; transition-delay: .2s;}

/* Sustainability - 불공정거래 행위 제보 */
.sustain_area .report_center .top_area .small_tit {position: relative; top: 50px; opacity: 0; transition: top 1s ease, opacity 1s ease;}
.sustain_area .report_center .top_area .con_middle_txt {position: relative; top: 50px; opacity: 0; margin-top: 45px; transition: top 1s ease, opacity 1s ease;}
.sustain_area .report_center .top_area.active .small_tit {top: 0; opacity: 1;}
.sustain_area .report_center .top_area.active .con_middle_txt {top: 0; opacity: 1; transition-delay: .2s;}
.sustain_area .report_center .con_middle_txt.active {top: 0; opacity: 1;}
.sustain_area .report_center .scroll_bg {position: relative; margin-top: 195px; height: 900px;}
.sustain_area .report_center .scroll_bg .bg {overflow: hidden; position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.sustain_area .report_center .scroll_bg .bg img {position: relative; left: 50%; top: -300px; transform: translateX(-50%);}
.sustain_area .report_center .scroll_bg .flex_area {padding-top: 195px; align-items: inherit;}
.sustain_area .report_center .scroll_bg .flex_area .small_tit {position: relative; top: 50px; width: 550px; opacity: 0; transition: top 1s ease, opacity 1s ease;}
.sustain_area .report_center .scroll_bg .flex_area .cir_num_list {width: 550px;}
.sustain_area .report_center .scroll_bg .flex_area.active .small_tit {top: 0; opacity: 1;}
.sustain_area .report_center .report_name_list {margin: -210px 0 160px;}
.sustain_area .report_center .report_name_list .list_wrap {overflow: hidden;}
.sustain_area .report_center .report_name_list .list_wrap .list {float: left; position: relative; top: 50px; margin-right: 40px; padding: 75px 70px 75px 80px; width: calc((100% - 80px) / 3); width: -webkit-calc((100% - 80px) / 3); background: #fff; opacity: 0; transition: top 1s ease, opacity 1s ease;}
.sustain_area .report_center .report_name_list .list_wrap .list:last-child {margin-right: 0;}
.sustain_area .report_center .report_name_list.active .list_wrap .list:nth-child(1) {top: 0; opacity: 1;} 
.sustain_area .report_center .report_name_list.active .list_wrap .list:nth-child(2) {top: 0; opacity: 1; transition-delay: .1s;} 
.sustain_area .report_center .report_name_list.active .list_wrap .list:nth-child(3) {top: 0; opacity: 1; transition-delay: .2s;} 
.sustain_area .report_center .report_name_list .list_wrap .list .con_assi_txt {margin-top: 10px;}
.sustain_area .report_center .report_name_list .list_wrap .list .info {margin-top: 30px;}
.sustain_area .report_center .report_name_list .list_wrap .list .info > li {margin-top: 20px;}
.sustain_area .report_center .report_name_list .list_wrap .list .info .tit {font-size: 16px; font-family: "neue-haas-unica", sans-serif; font-weight: 600; color: #1f1f1f;}
.sustain_area .report_center .report_name_list .list_wrap .list .info .txt {font-size: 16px; color: #727272; letter-spacing: -.4px;}
.representative {margin-top: 95px; text-align: center; opacity: 0; transition: opacity 1s ease;}
.representative.active {opacity: 1;}

/* Sustainability - 최고 경영자 의지 선포문 */
.declaration_area .top_tit {position: relative; padding: 70px 0; text-align: center; word-break: keep-all; opacity: 0; transition: opacity 1.5s ease;}
.declaration_area .top_tit:before {display: block; content: ""; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 19px; height: 18px; background: url("../images/icon-double-quotes-left.png") no-repeat center center;}
.declaration_area .top_tit:after {display: block; content: ""; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 19px; height: 18px; background: url("../images/icon-double-quotes-right.png") no-repeat center center;}
.declaration_area .top_tit.active {opacity: 1;}
.declaration_area .img {overflow: hidden; margin-top: 100px; opacity: 0; transition: opacity 1s ease;}
.declaration_area .img img {transform: scale(1); width: 100%; transition: transform 2.5s ease;}
.declaration_area .img.active {opacity: 1;}
.declaration_area .img.active img {transform: scale(1.05); transform-origin: center;}
.declaration_area .flex_box {padding: 0 110px;}
.declaration_area .flex_area {align-items: flex-start; border-bottom: 1px solid #d9d9d9;}
.declaration_area .flex_area .con_middle_txt:nth-child(1) {position: relative; top: 50px; padding: 90px 90px 90px 0; width: 50%; word-break: keep-all; opacity: 0; transition: top 1s ease, opacity 1s ease;}
.declaration_area .flex_area .con_middle_txt:nth-child(2) {position: relative; top: 50px; padding: 90px 0 90px 90px; width: 50%; word-break: keep-all; opacity: 0; transition: top 1s ease, opacity 1s ease;}
.declaration_area .flex_area.active .con_middle_txt:nth-child(1) {top: 0; opacity: 1;}
.declaration_area .flex_area.active .con_middle_txt:nth-child(2) {top: 0; opacity: 1; transition-delay: .1s;}
.declaration_area .half_list {padding: 0 110px; margin-top: 155px;}
.declaration_area .half_list .list {padding: 70px 0;}
.declaration_area .half_list .list .left_div {position: relative; top: 57px; width: 290px; opacity: 0; transition: top 1s ease, opacity 1s ease;}
.declaration_area .half_list .list .right_div {position: relative; top: 50px; width: 770px; word-break: keep-all; opacity: 0; transition: top 1s ease, opacity 1s ease;}
.declaration_area .half_list .list.active .left_div {opacity: 1;}
.declaration_area .half_list .list.active .right_div {top: 0; opacity: 1; transition-delay: .2s;}
.declaration_area .half_list.txt_tit_type {margin-top: 20px;}

/* Sustainability - 윤리인권헌장 */
.sus_ethics_inquiry {margin-top: 190px; padding: 280px 0 200px; background: url("../images/img-sustainability-ethics-inquiry-bg.jpg") no-repeat center center/cover;}

/* Sustainability - 사회공헌 */
.sus_csr_inquiry {margin-top: 190px; padding: 350px 0 248px; background: url("../images/img-sustainability-csr-inquiry-bg.jpg") no-repeat center center/cover;}

/* Sustainability - 안전보건경영 */
.safety_health_policy .inner > .small_tit {position: relative; top: 50px; opacity: 0; transition: top 1s ease, opacity 1s ease;}
.safety_health_policy .inner > .con_middle_txt {position: relative; top: 50px; margin-top: 50px; opacity: 0; transition: top 1s ease, opacity 1s ease;}
.safety_health_policy .inner > .small_tit.active {top: 0; opacity: 1;}
.safety_health_policy .inner > .con_middle_txt.active {top: 0; opacity: 1;}
.safety_health_policy .policy_list {margin-top: 70px;}
.safety_health_policy .policy_list .list_div:after {display: block; content: ""; clear: both;}
.safety_health_policy .policy_list .list_div:nth-child(2) {margin-top: -80px;}
.safety_health_policy .policy_list .list {float: left; position: relative; top: 50px; width: 510px; opacity: 0; transition: top 1s ease, opacity 1s ease;}
.safety_health_policy .policy_list .list:last-child {margin: 200px 0 0 260px;}
.safety_health_policy .policy_list .list.active {top: 0; opacity: 1;}
.safety_health_policy .policy_list .list .num {position: relative; top: 45px; text-align: right; font-size: 140px; line-height: 1; color: #1472cf; font-family: "neue-haas-unica", sans-serif; font-weight: 400; letter-spacing: -5px;}
.safety_health_policy .policy_list .list .num.fir {left: 26px;}
.safety_health_policy .policy_list .list .con_tit {margin-top: 55px;}
.safety_health_policy .policy_list .list .con_middle_txt {margin-top: 30px; word-break: keep-all;}
.safety_health_policy .date {margin-top: 190px; text-align: center; opacity: 0; transition: opacity 1s ease;}
.safety_health_policy .date.active {opacity: 1;}
.safety_health_policy .ceo_comment {text-align: center; opacity: 0; transition: opacity 1s ease;}
.safety_health_policy .ceo_comment span {margin-left: 80px; line-height: 57px;}
.safety_health_policy .ceo_comment.active {opacity: 1;}
.safety_health_div.esg_div {margin: 270px 0 190px;}
.safety_health_div .img_div {overflow: hidden; opacity: 0; transition: opacity 2s ease;}
.safety_health_div .img_div img {transform: scale(1); width: 100%; transition: transform 2.5s ease;}
.safety_health_div .img_div.active {opacity: 1;}
.safety_health_div .img_div.active img {transform: scale(1.03);}
.safety_thr_goal_area {display: flex; margin-top: 90px; justify-content: space-between; align-items: flex-start;}
.safety_thr_goal_area .goal_div {position: relative; top: 50px; margin-right: 40px; width: 400px; opacity: 0; transition: top 1s ease, opacity 1s ease;}
.safety_thr_goal_area .goal_div:last-child {margin-right: 0;}
.safety_thr_goal_area.active .goal_div {top: 0; opacity: 1;}
.safety_thr_goal_area.active .goal_div:nth-child(2) {transition-delay: .15s;}
.safety_thr_goal_area.active .goal_div:nth-child(3) {transition-delay: .3s;}
.safety_thr_goal_area .goal_div .num {font-family: neue-haas-unica, sans-serif; font-weight: 600;}
.safety_thr_goal_area .goal_div .goal_tit {margin-top: 17px;}
.safety_thr_goal_area .goal_div .dot_txt_div {margin-top: 50px;}
.safety_thr_goal_area .goal_div .dot_txt_div .con_middle_txt_b {margin-bottom: 15px;}
.safety_thr_goal_area .goal_div .dot_txt_div .dot_txt {color: #727272;}
.safety_thr_goal_area .goal_div .dot_txt_div .dot_txt:before {top: 11px;}
.safety_health_div .fixed_area {position: relative; margin-top: 300px;}
.safety_health_div .fixed_area:after {display: block; content: ""; clear: both;}
.safety_health_div .fixed_area .txt_box {float: right; padding-left: 110px; width: 660px;}
.safety_health_div .fixed_area .txt_box .title {position: relative; top: 50px; opacity: 0; transition: top 1s ease, opacity 1s ease;}
.safety_health_div .fixed_area .txt_box .title.active {top: 0; opacity: 1;}
.safety_health_div .fixed_area .txt_box .txt_con {position: relative; top: 50px; margin-top: 110px; opacity: 0; transition: top 1s ease, opacity 1s ease;}
.safety_health_div .fixed_area .txt_box .txt_con.active {top: 0; opacity: 1;}
.safety_health_div .fixed_area .txt_box .txt_con .con_big_txt_b {color: #1f1f1f;}
.safety_health_div .fixed_area .txt_box .txt_con .con_middle_txt {margin-top: 10px; word-break: keep-all;}
.safety_health_div .fixed_area .txt_box .txt_con .dot_txt_div {margin-top: 30px;}
.safety_health_div .fixed_area .txt_box .txt_con .dot_txt_div .dot_txt {color: #727272;}
.safety_health_div .fixed_area .txt_box .txt_con .dot_txt_div .dot_txt:before {top: 11px;}
.safety_health_div .fixed_area .img_box {position: absolute; top: 0; left: 0; height: calc(100vh - 100px); overflow: hidden;}
.sus_health_inquiry {padding: 280px 0 200px; background: url("../images/img-sustainability-health-safety-inquiry-bg.jpg") no-repeat center center/cover;}
.sus_health_inquiry .call_area .info_area {width: calc((100% - 180px) / 2); width: -webkit-calc((100% - 180px) / 2);}

/* Sustainability - 지속가능경영문의 */
.esg_chart {margin: 290px 0 200px;}
.esg_chart .small_tit {position: relative; top: 50px; opacity: 0; transition: top 1s ease, opacity 1s ease;}
.esg_chart .img {position: relative; top: 50px; margin-top: 70px; opacity: 0; transition: top 1s ease, opacity 1s ease;}
.esg_chart .img img {max-width: 100%;}
.sus_esg_inquiry {margin-top: 190px; padding: 280px 0 200px; background: url("../images/img-sustainability-esg-inquiry-bg.jpg") no-repeat center center/cover;}
.esg_chart.active .small_tit {top: 0; opacity: 1;}
.esg_chart.active .img {top: 0; opacity: 1; transition-delay: .2s;}

/* Sustainability - 사회공헌 소개 */
.social_area .top_bg_area {overflow: hidden; position: relative; height: 100vh; background: url("../images/bg-social-contribution.jpg") no-repeat center center/cover;}
.social_area .top_bg_area .bg_area {position: absolute; top: 0; left: 0; width: 100%; height: 100%; transform: scale(1); background: url("../images/bg-social-contribution.jpg") no-repeat center center/cover; transition: transform 2s ease;}
.social_area .top_bg_area .bg_area.active {transform: scale(1.05);}
.social_area .top_bg_area .txt_area {position: relative; height: 100%; z-index: 1;}
.social_area .top_bg_area .txt_area .biggest_tit {position: absolute; top: 60%; left: 0; transform: translateY(-50%); opacity: 0; transition: top 1s ease, opacity 1s ease;}
.social_area .top_bg_area .txt_area .small_txt_div {position: absolute; bottom: 50px; right: 0; opacity: 0; transition: bottom 1s ease, opacity 1s ease;}
.social_area .top_bg_area .small_txt_div .con_middle_txt:nth-child(2) {margin-top: 30px;}
.social_area .top_bg_area .txt_area.active .biggest_tit {top: 50%; opacity: 1;}
.social_area .top_bg_area .txt_area.active .small_txt_div {bottom: 120px; opacity: 1; transition-delay: .3s;}
.social_area .slogan_area {margin-top: 295px;}
.social_area .slogan_div {position: relative; padding-bottom: 50%; background: url("../images/bg-social-contribution-slogon.png") no-repeat center bottom/contain;}
.social_area .slogan_div .sub_tit {position: relative; top: 50px; opacity: 0; transition: top 1s ease, opacity 1s ease;}
.social_area .slogan_div .slogan_txt {position: relative; left: -13px; top: 50px; margin-top: 110px; font-size: 160px; line-height: 1; font-family: "neue-haas-unica", sans-serif; font-weight: 600; color: #1f1f1f; opacity: 0; transition: top 1s ease, opacity 1s ease;}
.social_area .slogan_div .con_middle_txt {margin-top: 40px; opacity: 0; transition: opacity 1s ease;}
.social_area .slogan_div .sub_tit.active {top: 0; opacity: 1;}
.social_area .slogan_div .slogan_txt.active {top: 0; opacity: 1;}
.social_area .slogan_div .con_middle_txt.active {opacity: 1;}
.social_area .slogan_list {display: flex;}
.social_area .slogan_list .list {position: relative; top: 50px; padding: 92px 0 100px; margin-right: 40px; width: calc((100% - 80px) / 3); width: -webkit-calc((100% - 80px) / 3); opacity: 0; transition: top 1s ease, opacity 1s ease;}
.social_area .slogan_list .list:last-child {margin-right: 0;}
.social_area .slogan_list.active .list:nth-child(1) {top: 0; opacity: 1;}
.social_area .slogan_list.active .list:nth-child(2) {top: 0; opacity: 1; transition-delay: .1s;}
.social_area .slogan_list.active .list:nth-child(3) {top: 0; opacity: 1; transition-delay: .2s;}
.social_area .slogan_list .list .small_tit {text-align: center;}
.social_area .slogan_list .list .con_middle_txt {margin-top: 20px; text-align: center; color: #727272;}
.social_area .history_area {overflow: hidden;}
.social_area .history_area .sub_tit {float: right; position: relative; top: 50px; margin: 290px 0 100px; width: 620px; opacity: 0; transition: top 1.2s ease, opacity 1.2s ease;}
.social_area .history_area .sub_tit.active {top: 0; opacity: 1;}
.social_area .history_area .flex_area {clear: both;}
.social_area .history_area .flex_area > div {position: relative; top: 50px; width: 620px; opacity: 0; transition: top 1s ease, opacity 1s ease;}
.social_area .history_area .flex_area.active > div {top: 0; opacity: 1;}
.social_area .history_area .flex_area .year_div {padding-bottom: 100px; border-bottom: 1px solid #d9d9d9;}
.social_area .history_area .flex_area .year {font-size: 160px; line-height: 1; color: #1f1f1f; font-weight: 600; font-family: "neue-haas-unica", sans-serif; letter-spacing: -2.5px;}
.social_area .history_area .flex_area .history_txt {display: flex; padding-top: 93px; margin-bottom: 145px;}
.social_area .history_area .flex_area .history_txt .con_tit {width: 45%;}
.social_area .history_area .flex_area .history_txt .txt_box {display: table; margin-bottom: 25px; width: 100%;}
.social_area .history_area .flex_area .history_txt .txt_box:last-child {margin-bottom: 0;}
.social_area .history_area .flex_area .history_txt .txt_box .detail {display: table-cell; width: 104px; font-weight: 600; font-family: "neue-haas-unica", sans-serif;}
.social_area .history_area .flex_area .history_txt .txt_box .event span {display: block; word-break: keep-all; color: #1f1f1f;}
.social_area .matching_area {padding: 290px 0 180px; background: #f3f5f7;}
.social_area .matching_area .inner > .biggest_tit {position: relative; top: 50px; text-align: center; opacity: 0; transition: top 1s ease, opacity 1s ease;}
.social_area .matching_area .inner > .con_middle_txt {position: relative; top: 50px; margin-top: 50px; text-align: center; color: #727272; opacity: 0; transition: top 1s ease, opacity 1s ease;}
.social_area .matching_area .inner > .biggest_tit.active {top: 0; opacity: 1;}
.social_area .matching_area .inner > .con_middle_txt.active {top: 0; opacity: 1;}
.social_area .matching_area .matching_list {display: flex; justify-content: space-between;}
.social_area .matching_area .matching_list .list {position: relative; top: 50px; padding: 110px 70px; margin-right: 40px; width: 400px; opacity: 0; transition: top 1s ease, opacity 1s ease;}
.social_area .matching_area .matching_list .list:last-child {margin-right: 0;}
.social_area .matching_area .matching_list.active .list:nth-child(1) {top: 0; opacity: 1;}
.social_area .matching_area .matching_list.active .list:nth-child(2) {top: 0; opacity: 1; transition-delay: .1s;}
.social_area .matching_area .matching_list.active .list:nth-child(3) {top: 0; opacity: 1; transition-delay: .2s;}
.social_area .matching_area .matching_list .list > p {text-align: center;}
.social_area .matching_area .matching_list .list .tit {margin-top: 25px; color: #1f1f1f; font-size: 24px; font-weight: 600; font-family: "neue-haas-unica", sans-serif;}
.social_area .matching_area .matching_list .list .tit span {display: block; margin-top: 5px; color: #1f1f1f; font-weight: 400;}
.social_area .matching_area .matching_list .list .txt {margin-top: 19px; color: #727272;}
.social_area .matching_area .matching_list .list .txt span {display: block;}
.social_area .matching_chart_area {margin-top: 300px;}
.social_area .matching_chart_area .inner > .biggest_tit {position: relative; top: 50px; text-align: center; opacity: 0; transition: top 1s ease, opacity 1s ease;}
.social_area .matching_chart_area .inner > .con_middle_txt {position: relative; top: 50px; margin-top: 40px; text-align: center; color: #727272; word-break: keep-all; opacity: 0; transition: top 1s ease, opacity 1s ease;}
.social_area .matching_chart_area .inner > .biggest_tit.active {top: 0; opacity: 1;}
.social_area .matching_chart_area .inner > .con_middle_txt.active {top: 0; opacity: 1;}
.social_area .matching_chart_area .graph_area {margin-top: 110px; opacity: 0; transition: opacity 1s ease;}
.social_area .matching_chart_area .graph_area.active {top: 0; opacity: 1;}
.social_area .matching_chart_area .graph_area .stock_wrap {border-bottom: none;}
.social_area .matching_chart_area .graph_area .stock_wrap .graph_div img {max-width: 100%;}

/* Sustainability - 사회공헌 활동 */
.social_active .half_list .list .inner_list {margin-top: 120px;}
.social_active .half_list .list .inner_list:after {display: block; content: ""; clear: both;}
.social_active .half_list .list .inner_list.fir {margin: 0 0 190px;}
.social_active .half_list .list .inner_list.fir .con_txt {margin-top: 15px;}
.social_active .half_list .list .inner_list .left_div > p {position: relative; left: -30px; opacity: 0; transition: left 1s ease, opacity 1s ease;}
.social_active .half_list .list .inner_list .txt_box .con_tit {margin-top: 55px;}
.social_active .half_list .list .inner_list .txt_box .con_middle_txt_b {margin-top: 30px;}
.social_active .half_list .list .inner_list .txt_box .con_txt {margin-top: 10px;}
.social_active .half_list .list .inner_list .txt_box.active {transition-delay: .1s;}
.sustain_area.social_active .half_list .list.active .left_div .sub_tit {left: -30px; opacity: 0;}
.sustain_area.social_active .half_list .list .inner_list.active .left_div .small_tit {left: 0; opacity: 1;}
.sustain_area.social_active .half_list .list .inner_list.active .left_div .sub_tit {left: 0; top: 0; opacity: 1;}
.thr_list_area {margin-top: 170px;}
.thr_list_area .small_tit {position: relative; top: 50px; opacity: 0; transition: top 1s ease, opacity 1s ease;}
.thr_list_area .sub_tit {position: relative; top: 50px; opacity: 0; transition: top 1s ease, opacity 1s ease;}
.thr_list_area .list_wrap {display: flex; margin-top: 70px;}
.thr_list_area .list_wrap .list {position: relative; top: 50px; /*margin-right: 40px; width: 400px;*/ margin-right: 3%; width: -webkit-calc(94% / 3); width: calc(94% / 3); opacity: 0; transition: top 1s ease, opacity 1s ease;}
.thr_list_area .list_wrap .list:last-child {margin-right: 0;}
.thr_list_area .list_wrap .list .img {margin-bottom: 57px;}
.thr_list_area .list_wrap .list .img img {width: 100%;}
.thr_list_area .list_wrap .list .con_tit {text-align: center;}
.thr_list_area .list_wrap .list .con_txt {margin-top: 30px; text-align: center; color: #727272;}
.thr_list_area.active .small_tit {top: 0; opacity: 1;}
.thr_list_area.active .sub_tit {top: 0; opacity: 1;}
.thr_list_area.active .list_wrap .list:nth-child(1) {top: 0; opacity: 1; transition-delay: .2s;}
.thr_list_area.active .list_wrap .list:nth-child(2) {top: 0; opacity: 1; transition-delay: .3s;}
.thr_list_area.active .list_wrap .list:nth-child(3) {top: 0; opacity: 1; transition-delay: .4s;}
.social_active .social_cost_area {margin-top: 260px;}
.social_active .social_cost_area .small_tit {position: relative; top: 50px; opacity: 0; transition: top 1s ease, opacity 1s ease;}
.social_active .social_cost_area .graph_area {margin-top: 60px; opacity: 0; transition: opacity 1s ease;}
.social_active .social_cost_area.active .small_tit {top: 0; opacity: 1;}
.social_active .social_cost_area .graph_area.active {opacity: 1;}

/* Sustainability - 지속가능경영 */
.esg_div {margin-top: 290px;}
.esg_div .inner > .small_tit {position: relative; top: 50px; opacity: 0; transition: top 1s ease, opacity 1s ease;}
.esg_div .inner > .small_tit.active {top: 0; opacity: 1;}
.esg_div section .sub_tit {position: relative; top: 50px; margin: 185px 0 65px; opacity: 0; transition: top 1s ease, opacity 1s ease;}
.esg_div section .big_tit {position: relative; top: 50px; opacity: 0; transition: top 1s ease, opacity 1s ease;}
.esg_div section.active .sub_tit {top: 0; opacity: 1;}
.esg_div section.active .big_tit {top: 0; opacity: 1; transition-delay: .1s;}
.promise_txt {margin: 95px 0 0; padding: 0 110px;}
.promise_txt .con_middle_txt {margin-bottom: 65px;}
.thr_goal_area .goal_div {position: relative; height: 200px;}
.thr_goal_area .goal_div .bg {position: absolute; top: 0; left: 0; width: 100%; overflow: hidden;}
.thr_goal_area .goal_div .bg img {position: relative; left: 50%; transform: translateX(-50%); width: auto; height: 100%;}
.thr_goal_area .goal_div .num {position: absolute; left: 70px; top: 50%; transform: translateY(-50%); font-family: "neue-haas-unica", sans-serif; font-weight: 600; color: #fff; opacity: 0; transition: opacity 1s ease;}
.thr_goal_area .goal_div .con_tit {position: absolute; right: 100px; top: 50%; transform: translateY(-50%); opacity: 0; transition: right 1s ease, opacity 1s ease;}
.thr_goal_area .goal_div.active .num {opacity: 1;}
.thr_goal_area .goal_div.active .con_tit {right: 70px; opacity: 1;}
.five_goal_area.esg {background: url("../images/img-esg-goal-big-bg.jpg") no-repeat center center/cover;}
.five_goal_area.environment {background: url("../images/img-environment-goal-big-bg.jpg") no-repeat center center/cover;}
.five_goal_area {margin-top: 200px; padding: 195px 0;}
.five_goal_area .flex_area {align-items: flex-start;}
.five_goal_area .flex_area .sub_tit {position: relative; top: 50px; width: 550px; opacity: 0; transition: top 1s ease, opacity 1s ease;}
.five_goal_area .flex_area.active .sub_tit {top: 0; opacity: 1;}
.five_goal_area .flex_area .cir_num_list {overflow: hidden; width: 730px;}
.five_goal_area .flex_area .cir_num_list .list_wrap {float: left; margin-right: 150px; width: 290px;}
.five_goal_area .flex_area .cir_num_list .list_wrap:nth-child(2n) {margin-right: 0;}
.esg_result_area {margin-top: 290px;}
.esg_result_area .small_tit {position: relative; top: 50px; opacity: 0; transition: top 1s ease, opacity 1s ease;}
.esg_result_area .img_div {overflow: hidden; position: relative; top: 50px; margin-top: 70px; opacity: 0; transition: top 1s ease, opacity 1s ease;}
.esg_result_area.active .small_tit {top: 0; opacity: 1;}
.esg_result_area.active .img_div {top: 0; opacity: 1; transition-delay: .1s;}
.esg_result_area .img_div .img_box {float: left; margin-right: 40px; width: calc((100% - 40px) / 2); width: -webkit-calc((100% - 40px) / 2);}
.esg_result_area .img_div .img_box .img {border: 1px solid #eee;}
.esg_result_area .img_div .img_box .img img {width: 100%;}
.esg_result_area .img_div .img_box:last-child {margin-right: 0;}
.esg_result_area .img_div .img_box .con_middle_txt {margin-top: 55px; text-align: center;}
.esg_report_area {margin-top: 290px;}
.esg_report_area .small_tit {position: relative; top: 50px; opacity: 0; transition: top 1s ease, opacity 1s ease;}
.esg_report_area .con_middle_txt {position: relative; top: 50px; margin-top: 45px; color: #1f1f1f; opacity: 0; transition: top 1s ease, opacity 1s ease;}
.esg_report_area.active .small_tit {top: 0; opacity: 1;}
.esg_report_area.active .con_middle_txt {top: 0; opacity: 1; transition-delay: .1s;}
.esg_report_area .download_box {margin-top: 95px;}
/* 2022-05-24 2차 작업, 2022-05-31 수정 s */
.esg_report_area .download_wrap {margin-top: 100px;}
.esg_report_area .select_wrap {display: flex; justify-content: end; align-items: center; position: relative; top: 50px; opacity: 0; margin-bottom: 20px; transition: top 1s ease, opacity 1s ease;}
.esg_report_area .select_wrap.active {top: 0; opacity: 1;}
.esg_report_area .select_circle select {width: 120px; padding: 0 0 0 20px; font-weight: 600; font-size: 16px; color: #1f1f1f; background: url("../images/ico-select-arr.png") no-repeat right 24px center #fff; border: none; border-radius: 25px;}
.esg_report_area .download_box {display: flex; justify-content: space-between; margin-top: 0px;}
/* 2022-05-24 2차 작업, 2022-05-31 수정 e */
.esg_policy_area .download_box {margin-top: 25px;}

/* Sustainability - 환경경영 */
.envir_plan_area {margin-top: 290px;}
.envir_plan_area .sub_tit {position: relative; top: 50px; opacity: 0; transition: top 1s ease, opacity 1s ease;}
.envir_plan_area .envir_plan {display: flex; margin-top: 70px;}
.envir_plan_area .envir_plan .plan {position: relative; margin-right: 40px; padding: 60px 0; width: 400px; text-align: center; background: #f3f5f7; border-radius: 85px; opacity: 0; transition: opacity 1.3s ease;}
.envir_plan_area .envir_plan .plan:after {display: block; content: ""; position: absolute; top: 50%; right: -24px; transform: translateY(-50%); width: 8px; height: 13px; background: url("../images/icon-environment-plan-arrow.png") no-repeat center center;}
.envir_plan_area .envir_plan .plan:last-child {margin-right: 0;}
.envir_plan_area .envir_plan .plan:last-child:after {display: none;}
.envir_plan_area.active .sub_tit {top: 0; opacity: 1;}
.envir_plan_area.active .envir_plan .plan:nth-child(1) {opacity: 1; transition-delay: .1s;}
.envir_plan_area.active .envir_plan .plan:nth-child(2) {opacity: 1; transition-delay: .3s;}
.envir_plan_area.active .envir_plan .plan:nth-child(3) {opacity: 1; transition-delay: .5s;}
.envir_chart_area {margin-top: 290px;}
.envir_chart_area .small_tit {position: relative; top: 50px; opacity: 0; transition: top 1s ease, opacity 1s ease;}
.envir_chart_area .envir_chart {margin-top: 75px; opacity: 0; transition: opacity 1.5s ease;}
.envir_chart_area.active .small_tit {top: 0; opacity: 1;}
.envir_chart_area.active .envir_chart {opacity: 1; transition-delay: .1s;}
.envir_chart_area.active .envir_chart .img img {max-width: 100%;}

/* Careers - 인재상 */
.career_area .img_area {position: relative;}
.career_area .img_area .title {position: absolute; top: 50px; left: 0; opacity: 0; transition: top 1s ease, opacity 1s ease; z-index: 1;}
.career_area .img_area .title.active {top: 0; opacity: 1;}
.career_area .thumb_div {position: relative; z-index: 1;}
.career_area .thumb_div:after {display: block; content: ""; clear: both;}
.career_area .thumb_div .thumb {position: relative; top: 70px; text-align: left; opacity: 0; transition: top 1.3s ease, opacity 1.3s ease;}
.career_area .thumb_div .thumb:nth-child(1) {text-align: right;}
.career_area .thumb_div .thumb:nth-child(2) {margin-top: -235px;}
.career_area .thumb_div .thumb:nth-child(3) {margin-top: -235px; text-align: right;}
.career_area .thumb_div .thumb.active {top: 0; opacity: 1;}
.career_area .thumb_div .thumb .thumb_box {display: inline-block;}
.career_area .thumb_div .thumb .img {overflow: hidden;}
.career_area .thumb_div .thumb .img img {transform: scale(1.05); transform-origin: center; transition: transform 1.3s ease;}
.career_area .thumb_div .thumb.active .img img {transform: scale(1);}
.career_area .thumb_div .thumb .tit {margin: 48px 0 23px; font-size: 32px; line-height: 44px; letter-spacing: -.4px; color: #1f1f1f; font-family: "neue-haas-unica", sans-serif; font-weight: 700; text-align: left;}
.career_area .thumb_div .thumb .sub_tit {line-height: 1; font-family: "neue-haas-unica", sans-serif; font-weight: 500; color: #1f1f1f; text-align: left;}
.career_area .back {position: absolute; bottom: 193px; left: 0; width: 1270px; height: 670px; background: #f3f5f7;}
.career_area .list_info {margin-top: 160px;}
.career_area .list_info .list {position: relative; padding: 80px 0;}
.career_area .list_info .list:before {display: block; content: ""; position: absolute; bottom: 0; left: 0; width: 0; height: 1px; background: #d9d9d9; transition: width 1s ease;}
.career_area .list_info .list.active:before {width: 100%;}
.career_area .list_info .list:after {display: block; content: ""; clear: both;}
.career_area .list_info .list:last-child {padding-bottom: 0;}
.career_area .list_info .list:last-child:before {display: none;}
.career_area .list_info .list .num {position: absolute; top: 70px; left: -30px; font-size: 64px; line-height: 1; font-family: "neue-haas-unica", sans-serif; font-weight: 300; letter-spacing: -.4px; color: #1f1f1f; opacity: 0; transition: left 1s ease, opacity 1s ease;}
.career_area .list_info .list.active .num {left: 0; opacity: 1;}
.career_area .list_info .list .tit {float: left; position: relative; left: -30px; padding-left: 220px; width: 50%; font-size: 32px; line-height: 44px; color: #1f1f1f; font-family: "neue-haas-unica", sans-serif; font-weight: 600; letter-spacing: -.4px; vertical-align: top; opacity: 0; transition: left 1s ease, opacity 1s ease;}
.career_area .list_info .list.active .tit {left: 0; opacity: 1; transition-delay: .2s;}
.career_area .list_info .list .txt {float: left; position: relative; left: -30px; padding-left: 10px; width: 50%; font-size: 16px; line-height: 26px; color: #444; word-break: keep-all; vertical-align: top; opacity: 0; transition: left 1s ease, opacity 1s ease;}
.career_area .list_info .list.active .txt {left: 0; opacity: 1; transition-delay: .4s;}

/* Careers - 인사제도, 직무소개 */
.career_management > .title {position: relative; top: 50px; word-break: keep-all; opacity: 0; transition: top 1s ease, opacity 1s ease;}
.career_management > .title.active {top: 0; opacity: 1;}
.career_management .management_div {margin-top: 190px;}
.career_management .management_div .sub_tit {position: relative; top: 50px; opacity: 0; transition: top 1s ease, opacity 1s ease;}
.career_management .management_div .con_txt {position: relative; top: 50px; margin-top: 30px; word-break: keep-all; opacity: 0; transition: top 1s ease, opacity 1s ease;}
.career_management .management_div .info_img {position: relative; margin-top: 50px; opacity: 0; transition: opacity 1.2s ease;}
.career_management .management_div:nth-child(1) .info_img {height: 800px; background: url("../images/bg-careers-management-img1.jpg") no-repeat center center/cover;}
.career_management .management_div:nth-child(2) .info_img {height: 800px; background: url("../images/bg-careers-management-img2.jpg") no-repeat center center/cover;}
.career_management .management_div .info_img .txt_img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.career_management .management_div.active .sub_tit {top: 0; opacity: 1;}
.career_management .management_div.active .con_txt {top: 0; opacity: 1; transition-delay: .2s;}
.career_management .management_div.active .info_img {opacity: 1; transition-delay: .4s;}

.radius_box_list {/* padding:95px 0 100px; */ position: relative; padding: 240px 0; background: #f3f5f7;}
.radius_box_list .small_tit {position: relative; top: 50px; opacity: 0; transition: top 1s ease, opacity 1s ease;}
.radius_box_list.active .small_tit {top: 0; opacity: 1;}
.radius_box_list .list_div {display: flex; flex-wrap: wrap; margin-top: 45px;}
.radius_box_list .list_div .list {position: relative; top: 50px; margin-top: 40px; margin-right: 3.3%; padding: 72px 40px 45px; width: 22.5%; background: #fff; border-radius: 12px; opacity: 0; transition: top 1s ease, opacity 1s ease;}
.radius_box_list .list_div .list:nth-child(4n) {margin-right: 0;}
.radius_box_list .list_div .list:nth-child(-n+4) {margin-top: 0;}
.radius_box_list.active .list_div .list:nth-child(1) {top: 0; opacity: 1; transition-delay: .1s;}
.radius_box_list.active .list_div .list:nth-child(2) {top: 0; opacity: 1; transition-delay: .2s;}
.radius_box_list.active .list_div .list:nth-child(3) {top: 0; opacity: 1; transition-delay: .3s;}
.radius_box_list.active .list_div .list:nth-child(4) {top: 0; opacity: 1; transition-delay: .4s;}
.radius_box_list.active .list_div .list:nth-child(5) {top: 0; opacity: 1; transition-delay: .5s;}
.radius_box_list.active .list_div .list:nth-child(6) {top: 0; opacity: 1; transition-delay: .6s;}
.radius_box_list.active .list_div .list:nth-child(7) {top: 0; opacity: 1; transition-delay: .7s;}
.radius_box_list.active .list_div .list:nth-child(8) {top: 0; opacity: 1; transition-delay: .8s;}


/*@for $i from 1 through 10 {
  .radius_box_list.active .list_div .list:nth-child(#{$i}n) {
    transition-delay: #{$i * 0.5}s;
  }
}*/
.radius_box_list .list_div .list > p {text-align: center;}
.radius_box_list .list_div .list .tit {margin-top: 50px; font-size: 30px; line-height: 40px; letter-spacing: -.4px;}
.radius_box_list .list_div .list .txt {margin-top: 35px;}
.radius_box_list .list_div .list .txt > span {display: block; font-size: 16px; line-height: 26px; color: #727272;}

.career_management .position_area {margin-top: 92px;}
.career_management .position_area .tit {font-size: 32px; line-height: 52px; color: #1f1f1f; font-family: "neue-haas-unica", sans-serif; font-weight: 600;}

.career_management .career_job_img {overflow: hidden; margin-top: 90px; opacity: 0; transition: opacity 1s ease;}
.career_management .career_job_img img {transform: scale(1); transition: transform 2.5s ease; width: 100%;}
.career_management .career_job_img.active {opacity: 1;}
.career_management .career_job_img.active img {transform: scale(1.05);}
.career_management .accordion_type {position: relative; top: 50px; margin-top: 160px; opacity: 0; transition: top 1s ease, opacity 1s ease;}
.career_management .accordion_type.active {top: 0; opacity: 1;}
.career_management .accordion_type .hide_con .flex_area {align-items: inherit; margin-bottom: 40px;}
.career_management .accordion_type .hide_con .flex_area:last-child {margin-bottom: 0;}
.career_management .accordion_type .hide_con .flex_area .job_div {order: 1; padding: 50px 60px; width: calc((100% - 40px) / 2); width: -webkit-calc((100% - 40px) / 2); background: #f2f2f2;}
.career_management .accordion_type .hide_con .flex_area .job_div:nth-child(2n) {order: 2;}
.career_management .accordion_type .hide_con .flex_area .job_div .con_middle_txt {margin-top: 30px; word-break: keep-all;}

/* Utility */
.policy_area {position: relative; padding-left: 400px;}
.policy_box {display: flex; justify-content: center; align-items: center; padding: 60px 0; margin-bottom: 40px; background: #f2f2f2;}
.policy_box .prev {font-size: 16px; font-family: "neue-haas-unica", sans-serif; font-weight: 600; color: #727272;}
.policy_box .srch_area {overflow: hidden;}
.policy_box .select_bar {float: left; margin: 0 17px;}
.policy_box .select_bar select {background: #f2f2f2;}
.policy_box .srch_area .srch_btn {float: left;}
.policy_box .srch_area .srch_btn button {width: 40px; height: 40px; background: url("../images/icon-utility-srch-btn.jpg") no-repeat center center !important; -webkit-print-color-adjust: exact !important;}
.policy_div .info_txt {padding-left: 30px; margin-bottom: 80px; font-size: 16px; line-height: 24px; background: url("../images/edm-important-icon.png") no-repeat left top 4px;}
.policy_div .info_txt span {margin-left: 6px;}
.policy_div .terms_wrap .con_tit {margin-top: 50px !important;}
.policy_div .terms_wrap .con_txt {margin-top: 10px; word-break: keep-all;}
.policy_div .terms_wrap .con_txt span.bold_txt {font-weight: 600;}
.policy_div .terms_wrap .con_middle_txt_b {margin-top: 30px;}
.policy_div .terms_wrap .con_list {margin: 20px 0;}
.policy_div .terms_wrap .con_middle_txt_b + .con_list {margin-top: 0;}
.policy_div .terms_wrap .table_type {margin-top: 35px;}
.policy_div .terms_wrap .table_type .con_list .con_txt {font-size: 18px;}
.policy_div .terms_wrap .signature_area {margin-top: 120px;}
.policy_div .terms_wrap .signature_area .con_big_txt {position: relative; display: inline-block; margin-top: 5px;}
.policy_div .terms_wrap .signature_area .con_big_txt:after {content: ""; display: block; position: absolute; right: -89PX; top: -15PX; width: 130px; height: 71px; background: url(../images/img-ceo-signature-en.png) right center no-repeat; z-index: -1;}
.policy_div {display: flex; justify-content: space-between; width: 100%;}
.policy_div .fixed_area {overflow: hidden; position: absolute; top: 0; left: 0; width: 330px;}
.policy_div .fixed_area.fixed {position: fixed; top: 150px; left: 310px;}
.policy_div .fixed_area .select_wrap {float: left; margin-right: 14px; width: calc(100% - 83px); width: -webkit-calc(100% - 83px);}
.policy_div .fixed_area .box_btn {float: left;}
.policy_div .right_div {width: 880px;}
.policy_div .right_div .terms_div:not(:first-child) {margin-top: 93px;}
.policy_div .right_div .terms_div .tit {font-size: 24px; font-family: "neue-haas-unica", sans-serif; font-weight: 400;}
.policy_div .right_div .terms_div .tit span {font-family: "neue-haas-unica", sans-serif; font-weight: 600;}
.policy_div .right_div .terms_div .con_middle_txt_b {margin-top: 50px;}
.policy_div .right_div .terms_div .table_type {margin-top: 65px;}
.policy_div .right_div .terms_div .table_type .table_wrap table th {font-size: 16px;}
.policy_div .right_div .terms_div .table_type .table_wrap table td {padding: 24px 20px 22px; word-break: keep-all; font-size: 16px; letter-spacing: 0;}
.policy_div .right_div .terms_div .table_type .con_middle_txt_b {margin-top: 0;}

/* 에러페이지, 점검페이지 */
.etc_page {position: relative; width: 100%; height: 100vh;}
.etc_page.error {background: url("../images/img-error-bg.jpg") no-repeat center center/cover;}
.etc_page.check {background: url("../images/img-check-bg.jpg") no-repeat center center/cover;}
.etc_page .txt_div {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 90%;}
.etc_page .txt_div .title {text-align: center; font-size: 80px; line-height: 88px; color: #fff; font-weight: 600; font-family: "neue-haas-unica", sans-serif; text-shadow: 1px 1px 1px #121617; word-break: keep-all;}
.etc_page .txt_div .txt {margin-top: 43px; font-size: 16px; line-height: 26px; color: #fff; text-align: center; word-break: keep-all;}
.etc_page .txt_div .home_btn {margin-top: 53px; text-align: center;}
.etc_page .txt_div .home_btn > a {display: inline-block; height: 56px; padding: 0 32px; line-height: 57px; color: #fff; background: #1472cf;}

/* 통합검색 */
.total_srch_area {margin-top: 180px;}
.total_srch_area .srch_area {display: block; margin: 0 auto; width: 720px;}
.total_srch_area .srch_div {position: relative; width: 100%;}
.total_srch_area .srch_div input {padding-right: 60px; height: 61px; font-size: 24px; border-bottom: 2px solid #000;}
.total_srch_area .srch_div input::placeholder {font-size: 24px; color: #aaa;}
.total_srch_area .srch_div input:focus::-webkit-input-placeholder {color: transparent;}
.total_srch_area .srch_div .srch_btn {position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 40px; height: 40px; background: url("../images/icon-total-srch-btn.png") no-repeat center center;}
.total_srch_area .srch_info {margin: 36px 0 72px; text-align: center;}
.total_srch_area .tab_btn_area {/* width: 840px; */ width: auto;}
.tab_btn_area {/* display: table; */ table-layout: fixed; margin: 0 auto; width: 100%;}
/* .tab_btn_area .swiper-wrapper {display: table;} */
.tab_btn_area a, .tab_btn_area button {/* display: table-cell; */ display: flex; justify-content: center; align-items: center; padding: 17px 0 14px; /* width: 200px; */ height: 60px; font-family: "neue-haas-unica", sans-serif; font-weight: 600; font-size: 16px; line-height: 26px; text-align: center; color: #727272; background: #f4f6f8; border-left: 1px solid #fff; border-right: 1px solid #fff;}
.tab_btn_area.w720 {width: 720px;}
.tab_btn_area.w540 {width: 540px;}
.tab_btn_area.wid25 a, .tab_btn_area.wid25 button {width: 25%;}
.tab_btn_area.wid33 a, .tab_btn_area.wid33 button {width: calc(100% / 3); width: -webkit-calc(100% / 3);}
.tab_btn_area.wid50 a, .tab_btn_area.wid50 button {width: 50%;}
.tab_btn_area a:last-child, .tab_btn_area button:last-child {margin-right: 0;}
.tab_btn_area a.on, .tab_btn_area button.on {color: #1472cf; border: 2px solid #1472cf; background: #fff;}
.tab_btn_area a span.en, .tab_btn_area button span.en {position: relative; top: -3px;}
.tab_btn_area.no_swiping {display: flex;}/* 스와이핑 안되는 탭 (About us > 사업장(국내/해외))*/
.tab_btn_area.full.for_print .swiper-wrapper {width: 100%;}
.total_srch_area .tab_con {margin-top: 155px;}
.total_srch_area .srch_con_title span {margin-left: 6px; color: #727272; font-family: "neue-haas-unica", sans-serif; font-weight: 600;}
.total_srch_area .srch_con_list {margin-top: 30px; border-top: 2px solid #000; border-bottom: 1px solid #d9d9d9;}
.total_srch_area .srch_con_list .list {display: block; padding: 55px 0; border-bottom: 1px solid #d9d9d9;}
.total_srch_area .srch_con_list .list:last-child {border-bottom: none;}
.total_srch_area .srch_con_list .list .con_big_txt_b {overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; height: 30px; color: #1f1f1f; text-overflow: ellipsis;}
.total_srch_area .srch_con_list .list .con_txt {overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-top: 20px; height: 52px; word-break: keep-all; text-overflow: ellipsis;}
.total_srch_area .srch_con_list .list .con_txt.ie {display: block; display: -webkit-box; word-break: break-all; overflow: hidden; max-height: 52px; height: auto; position: relative; margin-right: -20px; padding-right: 20px; width: 100%;}
.total_srch_area .srch_con_list .list .con_txt.ie:before {content: "..."; position: absolute; right: 5px; bottom: 5px;}
.total_srch_area .srch_con_list .list .con_txt.ie:after {content: ""; position: absolute; right: 0; width: 20px; height: 20px; margin-top: .2em; background: #fff; transition: background .4s ease;}

/* our field 공통 */
.sub_our_field .sub_visual.active .visual_div {transform: scale(1); transition: transform 2.3s ease;}
.sub_our_field .dot_txt {padding-left: 12px; margin-top: 0; margin-bottom: 5px; color: #727272; word-break: keep-all; letter-spacing: -.7px;}
.sub_our_field .dot_txt:last-child {margin-bottom: 0;}
.sub_our_field .dot_txt:before {top: 12px; width: 3px; height: 3px; background: #727272;}
.sub_our_field .dot_txt_div .con_tit {margin-bottom: 25px; word-break: keep-all;}
.sub_our_field .dot_txt_div .of_sub_tit {margin-bottom: 45px; word-break: keep-all;}
.sub_our_field .tab_btn_area {opacity: 0; transition: opacity .8s ease;}
.sub_our_field .tab_btn_area.active {opacity: 1;}
.sub_our_field .tab_con_area {margin-top: 145px;}
.sub_our_field .tab_con_area .tab_con {display: none;}
.sub_our_field .tab_con_area .tab_con:first-child {display: block;}
.sub_our_field #cont_wrap section {margin-top: 245px;}
.sub_our_field .con_assi_txt.info {display: inline-block; margin-top: 25px; padding-left: 28px; background: url("../images/edm-important-icon.png") no-repeat left top 3px;}
.sub_our_field .assi_div .con_assi_txt.info {margin-top: 10px;}
.sub_our_field .assi_div .con_assi_txt.info:first-child {margin-top: 25px;}

/* our field 스마트 교통  */
.illu_pop_area .illu_div {position: relative; margin-top: 80px; height: 900px; background: #d2ebfa;}
.illu_pop_area .illu_div .cloud_div {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.illu_pop_area .illu_div .cloud_div > img {opacity: 0; transition: opacity 1s ease;}
.illu_pop_area .illu_div .cloud_div > img:nth-child(1) {position: absolute; top: 0; left: 0;}
.illu_pop_area .illu_div .cloud_div > img:nth-child(2) {position: absolute; top: 0; right: 0;}
.illu_pop_area .illu_div .cloud_div > img:nth-child(3) {position: absolute; bottom: 0; left: 0;}
.illu_pop_area .illu_div .cloud_div > img:nth-child(4) {position: absolute; bottom: 0; right: 0;}
.illu_pop_area .illu_div .cloud_div.active > img:nth-child(1) {opacity: 1;}
.illu_pop_area .illu_div .cloud_div.active > img:nth-child(2) {opacity: 1; transition-delay: .15s;}
.illu_pop_area .illu_div .cloud_div.active > img:nth-child(3) {opacity: 1; transition-delay: .3s;}
.illu_pop_area .illu_div .cloud_div.active > img:nth-child(4) {opacity: 1; transition-delay: .45s;}
.illu_pop_area .illu_div .inner {position: relative; margin: 0 auto; width: 1520px; height: 100%; opacity: 0; transition: opacity .8s ease;}
.illu_pop_area .illu_div .inner.active {opacity: 1;}
.illu_pop_area .illu_div .inner .illu_img {position: absolute; top: 50%; left: 53%; transform: translate(-50%, -50%); width: 1070px; text-align: center;}
.illu_pop_area .illu_div .inner .illu_img img {/*max-width: 100%;*/ height: auto;}
.illu_pop_area .illu_div .inner .info_pop {display: none; position: absolute; top: 50%; left: 0; transform: translateY(-50%);}
.illu_pop_area .illu_div .inner .info_pop.on {display: block;}
.illu_pop_area .illu_div .inner .info_pop .con {padding: 60px 45px 90px; width: 320px; height: 460px; background: rgba(255, 255, 255, .95); border: 1px solid #807dfb; border-radius: 30px; box-shadow: 0 5px 10px rgba(0, 0, 0, .16);}
.illu_pop_area .illu_div .inner .info_pop .con .num {width: 40px; height: 40px; text-align: center; line-height: 38px; font-size: 20px; font-family: "neue-haas-unica", sans-serif; font-weight: 600; color: #fff; background: #ff7e7e; border-radius: 50%;}
.illu_pop_area .illu_div .inner .info_pop .con .con_tit {margin-top: 15px;}
.illu_pop_area .illu_div .inner .info_pop .con .dot_txt_div {margin-top: 25px;}
.illu_pop_area .illu_div .inner .info_pop .con .dot_txt_div .dot_txt {color: #000;}
.illu_pop_area .illu_div .inner .info_pop .con .dot_txt_div .dot_txt:before {background: #000;}
.illu_pop_area .illu_div .inner .info_pop .pop_close {position: absolute; top: -30px; right: -30px; width: 40px; height: 40px; background: url("../images/icon-smart-traffic-popup-close.png") no-repeat center center #807dfb; border-radius: 50%; box-shadow: 0 5px 10px rgba(0, 0, 0, .16);}

/* our field 텍스트 왼쪽 고정 영역 공통 */
.txt_fixed_area .con_area {margin: 80px auto 0; width: calc(100% - 200px); width: -webkit-calc(100% - 200px);}
.txt_fixed_area .con_area .bg {overflow: hidden; position: relative; padding-top: 35%; width: 100%; opacity: 0; transition: opacity 1s ease;}
.txt_fixed_area .con_area .bg img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); transform-origin: top left; margin: 0 auto; width: 100%;}
.txt_fixed_area .con_area .bg.illustration {padding: 67px 0 0 0; text-align: center; background-color: #ebf8ff;}
.txt_fixed_area .con_area .bg.illustration img {position: static; top: 0; left: 0; width: auto; max-width: 100%; transform: scale(1.1);}
.txt_fixed_area .con_area .bg.active {top: 0; opacity: 1;}
.txt_fixed_area .con_area .bg.active img {transform: scale(1.03) translate(-50%, -50%); transform-origin: top left; transition: transform 2.5s ease;}
.txt_fixed_area .con_area .bg.active.illustration img {transform: scale(1) translate(0, 0);}
.txt_fixed_area .con_area .flex_area {position: relative; align-items: flex-start; margin: 140px auto 0; width: 100%;}
.txt_fixed_area .con_area .flex_area > div {width: calc((100% - 40px) / 2);}
.txt_fixed_area .con_area .flex_area .left_div .fixed_txt span {display: block; position: relative; top: 50px; padding-left: 220px; font-family: "neue-haas-unica", sans-serif; font-weight: 600; opacity: 0; transition: top 1s ease, opacity 1s ease;}
.txt_fixed_area .con_area .flex_area .left_div.active .fixed_txt span {top: 0; opacity: 1;}
.txt_fixed_area .con_area .flex_area .right_div .con_div {position: relative; top: 50px; margin-bottom: 115px; opacity: 0; transition: top 1s ease, opacity 1s ease;}
.txt_fixed_area .con_area .flex_area .right_div .con_div:last-child {margin-bottom: 0;}
.txt_fixed_area .con_area .flex_area .right_div .con_div:after {display: block; content: ""; clear: both;}
.txt_fixed_area .con_area .flex_area .right_div .con_div .img {margin-top: 140px; width: 100%;}
.txt_fixed_area .con_area .flex_area .right_div .con_div .img img {width: 100%;}
.txt_fixed_area .con_area .flex_area .right_div .con_div .dot_txt_div {margin-top: 45px;}
.txt_fixed_area .con_area .flex_area .right_div .con_div .of_con_big_txt_m {width: 80%; word-break: keep-all;}
.txt_fixed_area .con_area .flex_area .right_div .con_div.active {top: 0; opacity: 1;}


/* our field 이미지 텍스트 반반 영역 공통 */
.img_txt_half_div {display: flex; justify-content: space-between; align-items: flex-start; margin: 120px auto 0; width: 1520px;}
.img_txt_half_div.dir_center {align-items: center;}
.img_txt_half_div > div {width: 50%;}
.img_txt_half_div .img_half {width: 49%;}
.img_txt_half_div .img_half .img {overflow: hidden; position: relative; top: 50px; text-align: right; opacity: 0; transition: top 1s ease, opacity 1s ease;}
/* .img_txt_half_div .img_half .img.energy {height: 927px;}
.img_txt_half_div .img_half .img.mpass {height: 740px;} */
.img_txt_half_div .img_half .img img {transform: scale(1.05); width: 100%; transition: transform 1.5s ease;}
.img_txt_half_div.right .img_half .img {text-align: left;}
.img_txt_half_div.right .img_half .img img {width: auto;}
.img_txt_half_div .txt_half {position: relative; top: 50px; width: 43.5%; opacity: 0; transition: top 1s ease, opacity 1s ease;}
.img_txt_half_div .txt_half .of_con_big_txt_m {margin-bottom: 105px; word-break: keep-all;}
.img_txt_half_div .txt_half .of_sub_tit_b {margin-bottom: 75px;}
.img_txt_half_div .txt_half .dot_txt_div:not(:last-child) {margin-bottom: 55px;}
.img_txt_half_div .txt_half .cep_consulting_box {margin-top: 60px;}
.img_txt_half_div .txt_half .cep_consulting_box .of_sub_tit_b {margin-bottom: 35px;}
.img_txt_half_div .txt_half .cep_consulting_box .of_con_big_txt_m {margin-bottom: 65px;}
.img_txt_half_div .txt_half.right {padding-left: 30px;}
.img_txt_half_div.right .txt_half.intel_factory_txt {padding-left: 140px;}
.img_txt_half_div .img_half.active .img {top: 0; opacity: 1;}
.img_txt_half_div .img_half.active .img img {transform: scale(1);}
.img_txt_half_div .txt_half.active {top: 0; opacity: 1;}
.img_txt_half_div.mpass_div {align-items: center;}
.img_txt_half_div.mpass_div .of_con_big_txt_m {margin-bottom: 0;}

/* our field 파란 네모 박스 영역 공통 */
.blue_square_area:after {display: block; content: ""; clear: both;}
.blue_square_area .blue_area {position: relative; margin: 130px auto 0; width: 1720px;}
.blue_square_area .blue_area:after {display: block; content: ""; clear: both;}
.blue_square_area .img_area {position: absolute; top: -50px; z-index: 1; opacity: 0;}
.blue_square_area .blue_bg {position: relative; width: 1500px; height: 550px; opacity: 0; background: #eff8fd;}
.blue_square_area.customer_platform .blue_bg {height: 700px;}
.blue_square_area .blue_bg .txt {position: absolute; top: 50%; transform: translateY(-50%); width: 675px; word-break: keep-all;}
.blue_square_area .blue_bg .txt .dot_txt_div {margin-top: 30px;}
.blue_square_area .blue_bg .txt .dot_txt_div .dot_txt {color: #1f1f1f;}
.blue_square_area .blue_bg .txt .dot_txt_div .dot_txt:before {top: 13px; background: #1f1f1f;}
.blue_square_area .txt_box {display: flex; flex-wrap: wrap; position: relative; top: 50px; margin-top: 70px; opacity: 0; transition: top 1s ease, opacity 1s ease;}
.blue_square_area .txt_box .dot_txt_div {margin: 75px 5% 0 0; width: 45%;}
.blue_square_area .txt_box .dot_txt_div:nth-child(2n) {margin-right: 0;}
.blue_square_area.left .img_area {left: -50px; transition: left 1s ease, opacity 1s ease;}
.blue_square_area.left .blue_bg {float: right; right: -50px; transition: right 1s ease, opacity 1s ease;}
.blue_square_area.left .blue_bg .txt {left: 660px;}
.blue_square_area.right .img_area {right: -50px; transition: right 1s ease, opacity 1s ease;}
.blue_square_area.right .blue_bg {float: left; left: -50px; transition: left 1s ease, opacity 1s ease;}
.blue_square_area.right .blue_bg .txt {left: 220px;}
.blue_square_area .txt_box.active {top: 0; opacity: 1;}
.blue_square_area.left .blue_area.active .img_area {left: 0; opacity: 1;}
.blue_square_area.left .blue_area.active .blue_bg {right: 0; opacity: 1;}
.blue_square_area.right .blue_area.active .img_area {right: 0; opacity: 1;}
.blue_square_area.right .blue_area.active .blue_bg {left: 0; opacity: 1;}

/* our field 이미지 2장 회색 박스 영역 공통 */
.img_gray_area .two_img_div {position: relative; margin-top: 120px; z-index: 1;}
.img_gray_area .two_img_div:after {display: block; content: ""; clear: both;}
.img_gray_area .two_img_div .img {float: left; position: relative; top: 80px; margin-right: 40px; width: calc((100% - 40px) / 2); width: -webkit-calc((100% - 40px) / 2); opacity: 0; transition: top 1.2s ease, opacity 1.2s ease;}
.img_gray_area .two_img_div .img:last-child {margin-right: 0;}
.img_gray_area .two_img_div .img img {width: 100%;}
.img_gray_area .two_img_div.active .img:nth-child(1) {top: 0; opacity: 1;}
.img_gray_area .two_img_div.active .img:nth-child(2) {top: 0; opacity: 1; transition-delay: .1s;}
.img_gray_area .gray_box_div {margin: 0 auto ; margin-top: -230px; padding: 295px 0 250px; width: 100%; background: #efefef;}
.img_gray_area .gray_box_div.inner {margin-top: -320px; padding: 434px 0 250px; width: 1720px;}
.img_gray_area .gray_box_div .txt_box:after {display: block; content: ""; clear: both;}
.img_gray_area .gray_box_div .txt_box:not(:last-child) {margin-bottom: 100px;}
.img_gray_area .gray_box_div .txt_box > div {float: left; margin-right: 40px; width: calc((100% - 40px) / 2); width: -webkit-calc((100% - 40px) / 2);}
.img_gray_area .gray_box_div .txt_box > div:last-child {margin-right: 0;}
.img_gray_area .gray_box_div .txt_box > div .dot_txt_div {margin-top: 75px;}
.img_gray_area .gray_box_div .txt_box > div .dot_txt_div:first-child {margin-top: 0;}
.img_gray_area .gray_box_div .txt_box .img img {width: 100%;}
.img_gray_area .gray_box_div .txt_box .left_txt {position: relative; top: 50px; opacity: 0; transition: top 1s ease, opacity 1s ease;}
.img_gray_area .gray_box_div .txt_box .right_txt {position: relative; top: 50px; word-break: keep-all; opacity: 0; transition: top 1s ease, opacity 1s ease;}
.img_gray_area .gray_box_div .txt_box.active .left_txt {top: 0; opacity: 1;}
.img_gray_area .gray_box_div .txt_box.active .right_txt {top: 0; opacity: 1; transition-delay: .2s;}
.img_gray_area .gray_box_div .txt_box .flex_area {align-items: flex-start; float: none; position: relative; top: 50px; margin-bottom: 75px; width: 100%; opacity: 0; transition: top 1s ease, opacity 1s ease;}
.img_gray_area .gray_box_div .txt_box .flex_area:last-child {margin-bottom: 0;}
.img_gray_area .gray_box_div .txt_box .flex_area .dot_txt_div {margin-top: 0; width: 48%;}
.img_gray_area .gray_box_div .txt_box.active .flex_area {top: 0; opacity: 1;}
.img_gray_area .gray_box_div .txt_box.active .flex_area:nth-child(2) {transition-delay: .2s;}
.img_gray_area .gray_box_div.bg_div {position: relative; padding: 0 0 250px; margin-top: 380px; background: none;}
.img_gray_area .gray_box_div.bg_div .gray_box_bg {position: absolute; bottom: 0; left: 0; width: 100%; height: 70%; background: #efefef;}
.img_gray_area .gray_box_div.bg_div .inner {margin-top: -230px;}

/* our field 신재생 에너지 사업 */
.full_bg_area {position: relative; padding: 145px 0;}
.full_bg_area .bg {overflow: hidden; position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.full_bg_area .bg img {width: 100%; height: 100%; transform: scale(1); transition: transform 3s ease;}
.full_bg_area .bg.active img {transform: scale(1.06);}
.full_bg_area .inner {width: 1520px;}
.full_bg_area .txt_area {margin-top: 195px;}
.full_bg_area .txt_area .dot_txt_area:after {display: block; content: ""; clear: both;}
.full_bg_area .txt_area .dot_txt_area .dot_txt_div {float: left; position: relative; top: 50px; margin-right: 55px; width: calc((100% - 110px) / 3); width: -webkit-calc((100% - 110px) / 3); opacity: 0; transition: top 1s ease, opacity 1s ease;}
.full_bg_area .txt_area .dot_txt_area .dot_txt_div:last-child {margin-right: 0;}
.full_bg_area .txt_area .dot_txt_area .dot_txt_div .dot_txt {word-break: keep-all;}
.full_bg_area .txt_area .dot_txt_area .dot_txt_div .dot_txt:before {background: #fff;}
.full_bg_area .txt_area .txt {position: relative; top: 50px; margin-top: 190px; word-break: keep-all; opacity: 0; transition: top 1s ease, opacity 1s ease;}
.full_bg_area .txt_area.active .dot_txt_area > div:nth-child(1) {top: 0; opacity: 1;}
.full_bg_area .txt_area.active .dot_txt_area > div:nth-child(2) {top: 0; opacity: 1; transition-delay: .15s;}
.full_bg_area .txt_area.active .dot_txt_area > div:nth-child(3) {top: 0; opacity: 1; transition-delay: .3s;}
.full_bg_area .txt_area.active .txt {top: 0; opacity: 1; transition-delay: .45s;}

/* our field 텍스트, 큰 이미지 공통 */
.big_img_area .of_middle_tit {margin-top: 20px;}
.big_img_area .img_txt_area {overflow: hidden; position: relative; margin: 150px 0 0 200px; padding: 325px 350px; width: calc(100% - 200px); width: -webkit-calc(100% - 200px);}
.big_img_area .img_txt_area .bg {position: absolute; top: 0; left: 0; width: 100%; height: 100%; transform: scale(1); transition: transform 3s ease;}
.big_img_area.full .img_txt_area {margin-left: 0; width: 100%; padding: 325px 0;}
.big_img_area.smart_city .img_txt_area .bg {background: url("../images/bg-our-field-smart-bems.jpg") no-repeat center center/cover;}
.big_img_area.mobility .img_txt_area .bg {background: url("../images/bg-our-field-mobility-software-big-img.jpg") no-repeat center center/cover;}
.big_img_area.car_security .img_txt_area .bg {background: url("../images/bg-our-field-car-security-big-img.jpg") no-repeat center center/cover;}
.big_img_area.group_ware .img_txt_area .bg {background: url("../images/bg-our-field-group-ware-big-img.jpg") no-repeat center center/cover;}
.big_img_area .img_txt_area .bg.active {transform: scale(1.06);}
.big_img_area .img_txt_area .dot_txt_area {position: relative;}
.big_img_area .img_txt_area .dot_txt_area .dot_txt_div {position: relative; top: 50px; margin-bottom: 95px; opacity: 0; transition: top 1s ease, opacity 1s ease;}
.big_img_area .img_txt_area .dot_txt_area .dot_txt_div:last-child {margin-bottom: 0;}
.big_img_area .img_txt_area .dot_txt_area .dot_txt_div.active {top: 0; opacity: 1;}
.big_img_area .img_txt_area .dot_txt_area .dot_txt_div .dot_txt:before {background: #fff;}

/* our field 클라우드, 차량 보안 */
.cloud_area {overflow: hidden; position: relative; margin-top: 120px;}
.cloud_area .cloud_bg_area {position: absolute; top: 0; left: 0; width: 100%; height: 100vh;}
.cloud_area .cloud_bg_area.for_print {position: relative;}
.cloud_area .cloud_bg_area .side_white_bg {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1;}
.cloud_area .cloud_bg_area .side_white_bg > div {position: absolute; background: #fff; z-index: 1;}
.cloud_area .cloud_bg_area .side_white_bg .left_bg {top: 0; left: 0; height: 100%; width: calc((100% - 840px) / 2); width: -webkit-calc((100% - 840px) / 2);}
.cloud_area .cloud_bg_area .side_white_bg .right_bg {top: 0; right: 0; height: 100%; width: calc((100% - 840px) / 2); width: -webkit-calc((100% - 840px) / 2);}
.cloud_area .cloud_bg_area .side_white_bg .bottom_bg {bottom: 0; left: 0; width: 100%;}
.cloud_area .cloud_bg_area .bg {position: absolute; top: 0; left: 0; width: 100%; height: 100vh; background: url("../images/our-field-cloud-bg.jpg") no-repeat center center /cover;}
.cloud_area .cloud_bg_area .dimd_bg {position: absolute; top: 0; left: 0; width: 100%; height: 100vh; background: #000; opacity: 0;}
.cloud_area .cloud_txt_area {position: relative; margin: 0 auto; padding: 55% 0 200px; width: 840px;}
.cloud_area .cloud_txt_area .of_small_tit {margin-top: 70px; word-break: keep-all; color: #000;}
.cloud_area .cloud_txt_area .of_small_tit:first-child {margin-top: 0;}
.cloud_area .cloud_txt_area > p {position: relative; top: 50px; opacity: 0; transition: top 1s ease, opacity 1s ease;}
.cloud_area .cloud_txt_area > p.active {top: 0; opacity: 1;}
.cloud_area.car_area {margin-bottom: 240px;}
.cloud_area.car_area .cloud_bg_area .bg {background: url("../images/our-field-car-security-bg.jpg") no-repeat center center/cover;}
.cloud_area.car_area .cloud_bg_area.for_print .bg {position: relative;}
.cloud_area.interworking_area .cloud_bg_area .bg {background: url("../images/our-field-vehicle-interworking-service-bg.jpg") no-repeat center center/cover;}
.cloud_area.sw_develop_area .cloud_bg_area .bg {background: url("../images/our-field-sw-development-platform-bg.jpg") no-repeat center center/cover;}
.cloud_area.car_cloud_area .cloud_bg_area .bg {background: url("../images/our-field-car-cloud-bg.jpg") no-repeat center center/cover;}

/* our field 스마트 그리드 */
.smart_grid_area .visual_area {position: relative; margin-top: 80px;}
.smart_grid_area .visual_area .rotate_txt {position: absolute; top: 50%; left: -10px; color: #000; transform: rotate(-90deg);}
.smart_grid_area .visual_area .inner {overflow: hidden; position: relative; margin: 0 auto; padding-top: 45%; width: calc(100% - 200px); width: -webkit-calc(100% - 200px);}
.smart_grid_area .visual_area .bg {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url("../images/visual-our-field-smart-grid.jpg") no-repeat center center/cover; transform: scale(1); opacity: 0; transition: transform 3s ease, opacity 1.5s ease;}
.smart_grid_area .visual_area .parallax_area {position: absolute; top: 50%; left: 0; transform: translateY(-50%); opacity: 0; transition: opacity 1.5s ease;}
.smart_grid_area .visual_area.active .bg {transform: scale(1.05); opacity: 1;}
.smart_grid_area .visual_area.active .parallax_area {opacity: 1;}
.smart_grid_area .con_assi_txt.info {display: block; margin: 50px auto 0; width: 1520px;}
.smart_grid_ilu {position: relative; top: 50px; margin: 155px auto 0; width: calc(100% - 200px); width: -webkit-calc(100% - 200px); text-align: center; opacity: 0; transition: top 1s ease, opacity 1s ease;}
.smart_grid_ilu.active {top: 0; opacity: 1;}

/* our field 보안 */
.security_area {position: relative; margin-top: 120px;}
.security_area .rotate_txt {position: absolute; top: 50%; left: -23px; color: #000; transform: rotate(-90deg);}
.security_area .inner {position: relative; margin: 0 auto; max-width: 1720px; width: calc(100% - 200px); width: -webkit-calc(100% - 200px);}
.security_area .img_area {position: relative; overflow: hidden;}
.security_area .img_area .img {position: relative; /*padding-top: 35%;*/ width: 0; overflow: hidden; transition: width 1s ease; transition-delay: .5s;}
.security_area .img_area .img img {/*position: absolute;*/ position: relative; left: 0; top: 0; height: 100%;}
.security_area .img_area:before {content: ""; display: block; position: absolute; left: 0; top: 0; width: 0; height: 100%; background-color: #314c96; transition: width 1s ease;}
.security_area .txt_area {position: absolute; top: 150px; right: 7%; width: 420px; word-break: keep-all; opacity: 0; transition: top 1s ease, opacity 1s ease; transition-delay: 1.3s;}
.security_txt_box {overflow: hidden; display: flex; flex-wrap: wrap; position: relative; top: 50px; margin-top: 70px; opacity: 0; transition: top 1s ease, opacity 1s ease;}
.security_txt_box .dot_txt_div {margin: 75px 5% 0 0; width: 45%;}
.security_txt_box .dot_txt_div:nth-child(2n) {margin-right: 0;}
.security_area.active .img_area .img {width: calc(100% - 620px); width: -webkit-calc(100% - 620px);}
.security_area.active .img_area:before {width: 100%;}
.security_area.active .txt_area {top: 100px; opacity: 1;}
.security_txt_box.active {top: 0; opacity: 1;}

/* our field 모빌리티 소프트웨어 */
.mobilgene_classic_bg {overflow: hidden; position: relative; margin-top: 75px; padding-top: 68.5%;}
.mobilgene_classic_bg img {position: absolute; top: 0; left: 0; transform: scale(1); width: 100%; opacity: 0; transition: opacity 1.5s ease, transform 3s ease;}
.mobilgene_classic_bg.active img {transform: scale(1.02); opacity: 1;}
.mobilgene_classic_area .box_list {margin-top: -360px;}
.mobilgene_classic_area .box_list .list_inner {display: flex; flex-wrap: wrap; margin: 0 auto; width: calc(100% - 200px); width: -webkit-calc(100% - 200px);}
.mobilgene_classic_area .box_list .list_inner .list {overflow: hidden; position: relative; top: 50px; padding: 110px; /* padding-top: 25.5%; */ margin-top: 40px; margin-right: 40px; width: calc((100% - 40px) / 2); width: -webkit-calc((100% - 40px) / 2); opacity: 0; transition: top 1.3s ease, opacity 1.3s ease;}
.mobilgene_classic_area .box_list .list_inner .list:nth-child(2n) {margin-right: 0;}
.mobilgene_classic_area .box_list .list_inner .list:nth-child(-n+2) {margin-top: 0;}
.mobilgene_classic_area .box_list .list_inner .list:nth-child(1) {background: url(../images/img-our-field-mobilgene-classic-01.jpg) center center/cover no-repeat;}
.mobilgene_classic_area .box_list .list_inner .list:nth-child(2) {background: #f4f4f4;}
.mobilgene_classic_area .box_list .list_inner .list:nth-child(3) {background: #1472cf;}
.mobilgene_classic_area .box_list .list_inner .list:nth-child(4) {background: #212121;}
.mobilgene_classic_area .box_list .list_inner .list .img {position: absolute; top: 0; left: 0;}
.mobilgene_classic_area .box_list .list_inner .list .txt_area {/* position: absolute; top: 50%; left: 110px; transform: translateY(-50%); width: 80%; */}
.mobilgene_classic_area .box_list .list_inner .list .txt_area .of_sub_tit_b {position: relative; word-break: keep-all;}
.mobilgene_classic_area .box_list .list_inner .list .txt_area .dot_txt_div {margin-top: 45px;}
.mobilgene_classic_area .box_list .list_inner .list .txt_area .con_middle_txt {text-align: left; color: #000;}
.mobilgene_classic_area .box_list .list_inner .list .txt_area .con_middle_txt.dot_txt:before {background: #000;}
.mobilgene_classic_area .box_list .list_inner .list .txt_area .con_middle_txt.font_white.dot_txt:before {background: #fff;}
.mobilgene_classic_area .box_list.active .list_inner .list:nth-child(1) {top: 0; opacity: 1;}
.mobilgene_classic_area .box_list.active .list_inner .list:nth-child(2) {top: 0; opacity: 1; transition-delay: .2s;}
.mobilgene_classic_area .box_list.active .list_inner .list:nth-child(3) {top: 0; opacity: 1; transition-delay: .4s;}
.mobilgene_classic_area .box_list.active .list_inner .list:nth-child(4) {top: 0; opacity: 1; transition-delay: .6s;}

/* our field 정밀지도 */
.map_solution_list {margin-top: 145px;}
.map_solution_list .list_inner {margin: 0 auto; width: 1720px;}
.map_solution_list .list_inner .list {display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 135px;}
.map_solution_list .list_inner .list:last-child {margin-bottom: 0;}
.map_solution_list .list_inner .list > div {width: 49%;}
.map_solution_list .list_inner .list .title {position: relative; top: 50px; opacity: 0; transition: top 1s ease, opacity 1s ease;}
.map_solution_list .list_inner .list .info_area {position: relative; top: 50px; opacity: 0; transition: top 1s ease, opacity 1s ease;}
.map_solution_list .list_inner .list .info_area .img_box img {width: 100%;}
.map_solution_list .list_inner .list .info_area .dot_txt_div {margin-top: 50px;}
.map_solution_list .list_inner .list .info_area .dot_txt_div .dot_txt {color: #000;}
.map_solution_list .list_inner .list .info_area .dot_txt_div .dot_txt:before {top: 16px; background: #000;}
.map_solution_list .list_inner .list.active .title {top: 0; opacity: 1;}
.map_solution_list .list_inner .list.active .info_area {top: 0; opacity: 1; transition-delay: .2s;}

/* our field 내비게이션 */
.navigation_list {margin-top: 250px;}
.navigation_img_area .bg_img_area {position: relative; margin: 120px auto 0; width: 1720px;}
.navigation_img_area .bg_img_area .flex_area {position: absolute; top: 0; left: 0; width: 100%; align-items: flex-start;}
.navigation_img_area .bg_img_area .flex_area .left_img {position: relative; top: 90px; width: 50%; opacity: 0; transition: top 1.3s ease, opacity 1.3s ease;}
.navigation_img_area .bg_img_area .flex_area .right_img {position: relative; top: 150px; width: 42.5%; opacity: 0; transition: top 1.3s ease, opacity 1.3s ease;}
.navigation_img_area .bg_img_area.active .flex_area .left_img {top: 0; opacity: 1;}
.navigation_img_area .bg_img_area.active .flex_area .right_img {top: 0; opacity: 1; transition-delay: .2s;}
.navigation_img_area .img_txt_area {padding-top: 100px;}
.navigation_img_area .img_txt_area .img_box {position: relative; top: 150px; opacity: 0; transition: top 1.3s ease, opacity 1.3s ease;}
.navigation_img_area .img_txt_area .img_box .of_sub_tit {position: absolute; bottom: 100px; left: 110px;}
.navigation_img_area .img_txt_area .txt_box {position: relative; top: 50px; padding: 150px 0 0 110px; opacity: 0; transition: top 1s ease, opacity 1s ease;}
.navigation_img_area .img_txt_area .img_box.active {top: 0; opacity: 1; transition-delay: .4s;}
.navigation_img_area .img_txt_area .txt_box.active {top: 0; opacity: 1;}

/* our field 차량 보안 */
.basic_img_txt_area .flex_area.of_divide_txt > div {width: 48%;}
.basic_img_txt_div {margin-top: 140px;}
.basic_img_txt_div .of_sub_tit_b {margin-bottom: 50px;}
.basic_img_txt_div .flex_area.of_divide_txt > div:nth-child(2) {padding: 0 120px 0 0;}
.basic_half_area {margin: 250px auto 0; width: 1720px;}
.basic_half_area .circle_con_wrap {display: flex; align-items: center; justify-content: space-between;}
.basic_half_area .circle_con_wrap > div {width: 48%;}
.basic_half_area .circle_con_wrap .circle_crop {position: relative; top: 50px; opacity: 0; transition: top 1s ease, opacity 1s ease;}
.basic_half_area .circle_con_wrap .txt_area {position: relative; top: 50px; padding: 0 100px 0 110px; opacity: 0; transition: top 1s ease, opacity 1s ease;}
.basic_half_area .circle_con_wrap .txt_area .of_con_middle_txt_m {margin-top: 50px; word-break: keep-all;}
.basic_half_area .circle_con_wrap .txt_area .txt_wrap {margin-top: 75px;}
.basic_half_area .circle_con_wrap .circle_crop.active {top: 0; opacity: 1;}
.basic_half_area .circle_con_wrap .txt_area.active {top: 0; opacity: 1;}
.basic_half_area.crm_area {width: 1520px;}
.basic_half_area.crm_area .circle_con_wrap {margin-top: 105px;}
.basic_half_area.crm_area .circle_con_wrap .txt_area .of_sub_tit_m {font-family: "neue-haas-unica", "spoqa_medium", sans-serif; font-weight: 500;}
.basic_half_area .circle_con_wrap .txt_area .txt_wrap {margin-top: 37px;}
.basic_half_area.crm_area .circle_con_wrap .txt_area .dot_txt_div .dot_txt {margin-bottom: 9px; color: #1f1f1f;}
.basic_half_area.crm_area .circle_con_wrap .txt_area .dot_txt_div .dot_txt:before {top: 13px; background: #1f1f1f;}
.basic_half_area.crm_area .circle_con_wrap .txt_area .con_assi_txt {margin-top: 20px; font-family: "neue-haas-unica", "spoqa_regular", sans-serif; font-weight: 400; padding-left: 28px; background: url("../images/edm-important-icon.png") no-repeat left top 3px;}
.basic_img_txt_area .img_txt_half_div {margin-top: 250px;}
.basic_img_txt_area .img_txt_half_div .txt_half .of_sub_tit_b {margin-bottom: 45px;}
.basic_img_txt_area .img_txt_half_div .txt_half .of_con_middle_txt_m {margin-bottom: 65px; word-break: keep-all;}
.basic_img_txt_area .img_txt_half_div .txt_half .txt_wrap:not(:first-child) {margin-top: 120px;}
.basic_img_txt_area .car {margin-top: 240px;}

/* our field MaaS */
.maas_area {margin: 120px auto 0; width: 1720px; background: #ebf8ff;}
.maas_area .inner {padding: 215px 0 185px;}
.maas_area .inner:after {display: block; content: ""; clear: both;}
.maas_area .inner .img_area {position: absolute; top: 205px; left: 0; opacity: 0; transition: top 1s ease, opacity 1s ease;}
.maas_area .inner .txt_area {float: right; position: relative; top: 50px; width: 50%; word-break: keep-all; opacity: 0; transition: top 1s ease, opacity 1s ease;}
.maas_area .inner .txt_area .of_sub_tit_m {margin-bottom: 80px;}
.maas_area.active .inner .img_area {top: 155px; opacity: 1;}
.maas_area.active .inner .txt_area {top: 0; opacity: 1; transition-delay: .2s;}
.maas_icon {position: relative; top: 50px; margin: -43px auto 0; width: 1280px; text-align: right; opacity: 0; transition: top 1s ease, opacity 1s ease;}
.maas_icon.active {top: 0; opacity: 1;}
.car_sharing_area.img_gray_area .two_img_div {margin-top: 150px;}

/* our field 개요 */
.overview_area .overview_tit_area {margin: 300px 0 110px; font-family: "neue-haas-unica", sans-serif; font-weight: 600; color: #1f1f1f; text-align: center;}
.overview_area .overview_tit_area .small_sub_tit {font-size: 16px;}
.overview_area .overview_tit_area .big_typo {margin-top: 30px; font-size: 160px; line-height: 1; opacity: 0;}
.overview_area .overview_tit_area .big_typo span {position: relative; left: 80px; opacity: 0;}
.overview_area .bg_area {position: relative; width: 100%; height: 100vh;}
.overview_area .fixed_bg {position: absolute; left: 0; top: 0; width: 100%; height: 100vh;}
.overview_area .fixed_bg .bg {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; background: url(../images/bg-business-overview-vehicle-it.jpg) center center/cover no-repeat;}
.overview_area .fixed_bg .bg .list {position: absolute; left: 0; top: 0; opacity: 0; width: 100%; height: 100%; background-position: center center; background-size: cover; background-repeat: no-repeat;}
.overview_area .fixed_bg .bg .list:nth-child(1) {background-image: url(../images/sub-visual-business-vehicle-sw-platform.jpg);}
.overview_area .fixed_bg .bg .list:nth-child(2) {background-image: url(../images/sub-visual-business-vehicle-sw-develop-platform.jpg);}
.overview_area .fixed_bg .bg .list:nth-child(3) {background-image: url(../images/sub-visual-business-vehicle-car-sync.jpg);}
.overview_area .fixed_bg .bg .list:nth-child(4) {background-image: url(../images/sub-visual-business-vehicle-ota.jpg);}
.overview_area .fixed_bg .bg .list:nth-child(5) {background-image: url(../images/sub-visual-business-vehicle-navigation.jpg);}
.overview_area .fixed_bg .bg .list:nth-child(6) {background-image: url(../images/sub-visual-business-vehicle-hd-map.jpg);}

.overview_area.dt_service .fixed_bg .bg .list:nth-child(1) {background-image: url(../images/sub-visual-business-dt-service-smart-factory.jpg);}
.overview_area.dt_service .fixed_bg .bg .list:nth-child(2) {background-image: url(../images/sub-visual-business-dt-service-mobility-service.jpg);}
.overview_area.dt_service .fixed_bg .bg .list:nth-child(3) {background-image: url(../images/sub-visual-business-dt-service-smart-building.jpg);}
.overview_area.dt_service .fixed_bg .bg .list:nth-child(4) {background-image: url(../images/sub-visual-business-dt-service-enterprise.jpg);}

.overview_area.core_tech .fixed_bg .bg .list:nth-child(1) {background-image: url(../images/sub-visual-business-core-tech-cloud.jpg);}
.overview_area.core_tech .fixed_bg .bg .list:nth-child(2) {background-image: url(../images/sub-visual-business-core-tech-big-data.jpg);}
.overview_area.core_tech .fixed_bg .bg .list:nth-child(3) {background-image: url(../images/sub-visual-business-core-tech-artificial-intel.jpg);}
.overview_area.core_tech .fixed_bg .bg .list:nth-child(4) {background-image: url(../images/sub-visual-business-core-tech-security.jpg);}
.overview_area .fixed_bg .bg .list.top_position {z-index: 2;}
.overview_area .fixed_bg .bg_dimd {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100vw !important; max-width: 100vw !important; height: 100vh; background-color: rgba(0, 0, 0, .5); opacity: 0;}
.overview_area .fixed_bg .expand_area {position: absolute; left: 0; top: 0; width: 100%; height: 100vh;}
.overview_area .fixed_bg .expand_area .left {position: absolute; left: 0; top: 0; width: 120px; height: 100vh; background-color: #fff;}
.overview_area .fixed_bg .expand_area .right {position: absolute; right: 0; top: 0; width: 120px; height: 100vh; background-color: #fff;}
.overview_area .menu_area {position: relative; height: 100vh; display: flex; justify-content: center; align-items: center; z-index: 1; text-align: center;}
.overview_area .menu_area .list {position: relative; padding: 12px 0; top: 100px; opacity: 0; -webkit-transition: 1s opacity ease, 1s top ease; transition: 1s opacity ease, 1s top ease;}
.overview_area .menu_area .list:first-child {margin-top: 0;}
.overview_area .menu_area .list:nth-child(1) {transition-delay: .1s;}
.overview_area .menu_area .list:nth-child(2) {transition-delay: .2s;}
.overview_area .menu_area .list:nth-child(3) {transition-delay: .3s;}
.overview_area .menu_area .list:nth-child(4) {transition-delay: .4s;}
.overview_area .menu_area .list:nth-child(5) {transition-delay: .5s;}
.overview_area .menu_area .list:nth-child(6) {transition-delay: .6s;}
.overview_area .menu_area .list .btn_link {position: relative; display: inline-block; font-family: "neue-haas-unica", sans-serif; font-weight: 600; font-size: 40px; color: #fff; opacity: .4; -webkit-transition: opacity .4s ease; transition: opacity .4s ease;}
.overview_area .menu_area .list .btn_link:after {content: ""; display: block; position: absolute; left: 0; bottom: -3px; width: 0; height: 2px; background-color: #fff; -webkit-transition: width .4s ease; transition: width .4s ease;}
.overview_area .menu_area .list .btn_link:hover {opacity: 1;}
.overview_area .menu_area .list .btn_link:hover:after {width: 100%;}
.overview_area .menu_area.active .list {top: 0; opacity: 1;}
.overview_area .txt_area {position: relative; z-index: 1; margin-top: 45vh; padding: 120px 0 230px; background-color: #fff;}
.overview_area .txt_area .small_inner {display: flex; justify-content: space-between; margin: 0 auto; width: 1060px;}
.overview_area .txt_area .small_inner.scrollMotion2 .paragraph .block {position: relative; top: 130px; opacity: 0; -webkit-transition: 1s opacity ease, 1s top ease; transition: 1s opacity ease, 1s top ease;}
.overview_area .txt_area .small_inner.scrollMotion2 .paragraph:nth-child(1) .block:nth-child(1) {transition-delay: .2s;}
.overview_area .txt_area .small_inner.scrollMotion2 .paragraph:nth-child(1) .block:nth-child(2) {transition-delay: .3s;}
.overview_area .txt_area .small_inner.scrollMotion2 .paragraph:nth-child(2) .block:nth-child(1) {transition-delay: .5s;}
.overview_area .txt_area .small_inner.scrollMotion2 .paragraph:nth-child(2) .block:nth-child(2) {transition-delay: .6s;}
.overview_area .txt_area .small_inner.scrollMotion2.active .paragraph .block {top: 0; opacity: 1;}
.overview_area .txt_area .paragraph {width: -webkit-calc((100% - 80px)/2); width: calc((100% - 80px)/2); color: #1f1f1f;}
.overview_area.dt_service .fixed_bg .bg {background: url(../images/bg-business-overview-dt-service.jpg) center center/cover no-repeat;}
.overview_area.core_tech .fixed_bg .bg {background: url(../images/bg-business-overview-core-tech.jpg) center center/cover no-repeat;}

/* our field 텍스트박스, dot_txt half */
.txt_dot_half_area .txt_box {margin-top: 145px;}
.txt_dot_half_area .txt_box:after {display: block; content: ""; clear: both;}
.txt_dot_half_area .txt_box > div {float: left; width: 50%; word-break: keep-all;}
.txt_dot_half_area .txt_box .left_txt {position: relative; top: 50px; opacity: 0; transition: top 1s ease, opacity 1s ease;}
.txt_dot_half_area .txt_box .right_txt {position: relative; top: 50px; padding-left: 130px; opacity: 0; transition: top 1s ease, opacity 1s ease;}
.txt_dot_half_area .txt_box .right_txt .dot_txt_div:not(:last-child) {margin-bottom: 115px;}
.txt_dot_half_area.erm_area .txt_box .right_txt .dot_txt_div .dot_txt {color: #1f1f1f;}
.txt_dot_half_area.erm_area .txt_box .right_txt .dot_txt_div .dot_txt:before {top: 17px; background: #1f1f1f;}
.txt_dot_half_area .txt_box.active .left_txt {top: 0; opacity: 1;}
.txt_dot_half_area .txt_box.active .right_txt {top: 0; opacity: 1; transition-delay: .2s;}
.overview_area.dt_service .fixed_bg .bg {background: url(../images/bg-business-overview-dt-service.jpg) center center/cover no-repeat;}
.overview_area.core_tech .fixed_bg .bg {background: url(../images/bg-business-overview-core-tech.jpg) center center/cover no-repeat;}

/* ceo */
.ceo_bg_area {position: relative;}
.ceo_bg_area .bg {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url("../images/bg-ceo.jpg") no-repeat center center/cover !important; -webkit-print-color-adjust: exact;}
.ceo_bg_area .txt_box {padding: 235px 0 410px;}
.ceo_bg_area .txt_box .con_big_txt {position: relative; margin-top: 310px; padding-top: 35px;}
.ceo_bg_area .txt_box .con_big_txt:before {display: block; content: ""; position: absolute; top: 0; left: 0; width: 285px; height: 1px; background: #d9d9d9;}
.ceo_txt_area {align-items: flex-start; padding: 0 110px; margin-top: 235px;}
.ceo_txt_area > div {width: 440px; word-break: keep-all;}
.ceo_info .ceo_comment {margin: 110px auto 0; padding-top: 100px; width: 1060px; text-align: right; border-top: 1px solid #d9d9d9;}
.ceo_comment span {display: inline-block; padding-right: 86px; line-height: 71px; background: url("../images/ceo-sign.png") no-repeat right center;}


@media screen and (max-width:1800px) {
  .sustain_area .visual_img {width: 90%;}
  .sustain_area .visual_txt {width: 80%;}

  /* our field */
  .img_gray_area .two_img_div {width: calc(100% - 200px); width: -webkit-calc(100% - 200px);}
  .img_gray_area .gray_box_div.inner {width: calc(100% - 100px); width: -webkit-calc(100% - 100px);}
  .img_gray_area .gray_box_div.inner .txt_box {width: calc(100% - 100px); width: -webkit-calc(100% - 100px);}

  .full_bg_area .inner {padding: 0 5%; width: 100%;}

  .img_txt_half_div {padding: 0 5%; width: 100%;}

  .txt_fixed_area .con_area {padding: 0 5%; width: 100%;}
  .txt_fixed_area .con_area .flex_area .left_div .fixed_txt span {padding-left: 17%;}
  .txt_fixed_area .con_area .flex_area .right_div .con_div .of_con_big_txt_m {width: 90%;}

  /* our field 차량 보안 */
  .basic_img_txt_div .of_sub_tit_b {padding-left: 50px; width: 90%;}
  .basic_half_area {width: 90%;}
  .basic_half_area.crm_area {width: 90%;}
  .basic_half_area .circle_con_wrap .circle_crop .img img {width: 100%;}
  .basic_half_area .circle_con_wrap .txt_area {padding-left: 30px;}

  /* our field 내비게이션 */
  .navigation_img_area .bg_img_area {width: 100%;}
  .navigation_img_area .bg_img_area .flex_area .left_img img {width: 100%;}

  /* our field 스마트 교통 */
  .illu_pop_area .illu_div .inner {width: 100%;}
  .illu_pop_area .illu_div .inner .info_pop {left: 5%;}

  /* our field 정밀지도 */
  .map_solution_list .list_inner {width: 90%;}

  /* our field 파란 네모 박스 영역 공통 */
  .blue_square_area .blue_area {width: 100%;}
  .blue_square_area .blue_bg .txt {right: 5%; width: auto;}
  .blue_square_area.left .blue_bg {width: 85%;}

  /* our field maas */
  .maas_area {margin: 120px auto; padding: 0 5%; width: calc(100% - 100px); width: -webkit-calc(100% - 100px);}
  .maas_area .inner {width: 100%;}
  .maas_icon {margin: -150px auto 0;}

}

@media screen and (max-width:1366px) {

  /* our field */
  .img_gray_area .two_img_div {width: calc(100% - 100px); width: -webkit-calc(100% - 100px);}
  .img_gray_area .gray_box_div.inner .txt_box {width: 100%;}
  .big_img_area .img_txt_area {margin: 150px 0 0 5%; padding: 200px 100px; width: 95%;}

  .txt_fixed_area .con_area .flex_area .left_div .fixed_txt span {padding-left: 10%;}
  
  .img_txt_half_div.dir_center {align-items: flex-start;}
  .img_txt_half_div.right .img_half .img img {width: 100%;}
  .img_txt_half_div.right .txt_half.intel_factory_txt {padding-left: 0;}

  .txt_dot_half_area .txt_box .left_txt {width: 45%;}
  .txt_dot_half_area .txt_box .right_txt {padding-left: 80px;}

  .smart_grid_ilu {margin: 155px 0 0 0; padding: 0 5%; width: 100%;}
  .smart_grid_ilu img {width: 100%;}
  .smart_grid_area .con_assi_txt.info {width: 90%;}

  .thr_img_area {padding: 0 5%; width: 100%;}

  /* our field 스마트 교통 */
  .illu_pop_area .illu_div .inner .illu_img {width: 85%;}
  .illu_pop_area .illu_div .inner .illu_img img {width: 100%;}
  .illu_pop_area .illu_div .inner .info_pop .con {padding: 45px 40px 70px; width: 310px; height: 420px;}

  /* our field 파란 네모 박스 영역 공통 */
  .blue_square_area.left .img_area {width: 55%;}
  .blue_square_area.left .img_area img {width: 100%;}
  .blue_square_area.left .blue_bg .txt {left: -webkit-calc(50% + 20px); left: calc(50% + 20px);}

  /* our field 내비게이션 */
  .navigation_img_area .img_txt_area .img_box img {width: 100%;}

  /* our field 보안 */
  .security_area .inner {margin: 0; padding: 0; width: 100%;}
  .security_area .img_area .img {height: 100%;}
  /* .security_area .img_area .img img {left: -20%;} */
  .security_area.active .img_area .img {width: calc(100% - 510px); width: -webkit-calc(100% - 510px);}
  .security_area .txt_area {right: 2%;}
  .security_area .img_area {height: 500px;}
  .security_area .rotate_txt {display: none;}

  /* our field maas */
  .maas_area .inner .img_area img {width: 80%;}
  .maas_icon {margin: -200px 0 0; padding: 0 5%; width: 100%;}
  
  /* about us 개요 */
  .company_info .info_div {margin: -75px auto 0; padding: 75px 80px 80px; width: 90%;}

  /* about us 사업장 */
  .business_area .place_area .place_div {padding: 0 60px;}

  /* about us 법인 */
  .service_sec .fixed_area .img_box {text-align: right;}
  .service_sec .fixed_area .img_box img {width: 90%;}
  .career_overview_sec .flex_area {align-items: flex-start;}
  /* .history_sec .flex_area > div {width: 50%;} */
  .history_sec .flex_area .left_div {font-size: 90px;}
  .history_sec .flex_area .right_div:before {left: -18%;}

  /* about us 유럽 법인 */
  .performance_sec .flex_area .left_div.txt {padding: 0;}
  .performance_sec .flex_area .right_div.txt {padding: 0;}
  .working_sec .flex_area .right_div .work_div .img img {width: 100%;}
  .career_sec .accordion_type .list .hide_con .flex_area {align-items: flex-start;}
  .career_sec .accordion_type .list .hide_con .flex_area .process_div {width: 45%;}
  .contact_sec .place_info.europe {padding: 70px; margin: -100px auto 0; width: 90%;}
  .contact_sec .place_info.europe .info_box {width: 45%;}
  
  /* IR 카드형쪽 리스트 공통 */
  .card_list .list {width: calc((100% - 41px) / 3); width: -webkit-calc((100% - 41px) / 3);}
  .card_list .list:nth-child(4n) {margin-right: 20px;}
  .card_list .list:nth-child(3n) {margin-right: 0;}

  /* 문의 페이지 공통 */
  .call_area .info_area .info_div .info .con_tit {width: 130px;}
  
  /* IR 문의 */
  .ir_inquiry {padding: 200px 0 150px;}

  /* IR 뉴스 */
  .ir_news_list .list_div .list {padding-bottom: 188px; width: calc((100% - 80px) / 3); width: -webkit-calc((100% - 80px) / 3); height: auto;}
  .ir_news_list .list_div .list .txt_area {padding: 35px 45px 25px; height: 188px;}
  .ir_news_list .list_div .list:hover .txt_area {height: 226px;}
  .ir_news_list .list_div .list .txt_area .arrow {right: 62px;}
  .ir_news_list .list_div .list:hover .txt_area .arrow {right: 42px;}

  /* IR 상세 */
  .ir_view .view_con {padding: 0 80px;}
  .ir_view .view_con .con_middle_txt {padding: 45px 60px;}
  .ir_view .view_con .btn_area .share_div {right: -19px;}

  /* 밑줄 리스트 공통 스타일 */
  .half_list .left_div {float: none; width: 100%;}
  .half_list .right_div {float: none; margin-top: 55px; width: 100%;}
  .half_list .list {margin-top: 100px; padding-top: 0;}

  /* ceo */
  .ceo_txt_area {padding: 0 50px;}
  .ceo_txt_area > div {width: 45%;}
  .ceo_info .ceo_comment {width: 100%;}
  
  /* Sustainability */
  .sustain_area .page_sub_tit {margin-top: 30px;}
  .sustain_area .half_list {margin-top: 110px;}
  .sustain_area .visual_txt {padding: 70px 0 35px;}
  .sustain_area .half_list .right_div .img img {width: 100%;}

  /* Sustainability - 안전보건경영 */
  .safety_health_policy .policy_list .list {width: calc((100% - 200px) / 2); width: -webkit-calc((100% - 200px) / 2);}
  .safety_health_policy .policy_list .list:last-child {margin: 200px 0 0 200px;}
  .safety_health_policy .policy_list .list .num {font-size: 110px;}
  .safety_health_policy .policy_list .list .img {width: 100%;}
  .safety_health_policy .policy_list .list .img img {width: 100%;}
  .safety_health_div .fixed_area .img_box {width: 50%;}
  .safety_health_div .fixed_area .img_box img {width: 100%;}
  .safety_health_div .fixed_area .txt_box {padding-left: 0; width: 45%;}
  .sus_health_inquiry .call_area .info_area {width: 65%;}

  /* Sustainability - 사회공헌 소개 */
  .social_area .top_bg_area .txt_area .biggest_tit {left: 5%; font-size: 58px; line-height: 74px;}
  .social_area .top_bg_area .txt_area .small_txt_div {right: 5%;}
  .social_area .matching_area .matching_list .list {padding: 80px 0;}

  /* Sustainability - 최고 경영자 의지 선포문 */
  .declaration_area .flex_box {padding: 0 50px;}
  .declaration_area .half_list {padding: 0 50px;}

  /* 인재상 */
  .career_area .img_area .title {left: 5%; font-size: 40px; line-height: 60px;}
  .career_area .list_info .list .tit {padding-left: 140px;}
  .career_area .list_info .list .txt {padding-left: 20px;}
  .career_area .thumb_div .thumb {width: 100%;}
  .career_area .thumb_div .thumb:nth-child(2) {margin-top: -150px;}
  .career_area .thumb_div .thumb:nth-child(3) {margin-top: -150px;}
  .career_area .thumb_div .thumb .thumb_box {width: 40%;}
  .career_area .thumb_div .thumb .img {width: 100%;}
  .career_area .thumb_div .thumb .img img {width: 100%;}

  /* 인사제도 */
  .career_management .management_div:nth-child(1) .info_img {height: 650px; background: url("../images/bg-careers-management-m-img1.jpg") no-repeat right center/cover;}
  .career_management .management_div:nth-child(2) .info_img {height: 650px; background: url("../images/bg-careers-management-m-img21.jpg") no-repeat right center/cover;}
  .career_management .management_div .info_img .txt_img {width: 90%;}
  .career_management .management_div .info_img .txt_img img {width: 100%;}

  /* 빌링시스템 이용 약관 */
  .policy_area .policy_box {flex-direction: column; align-items: flex-start; padding: 50px 30px;}
  .policy_area .policy_box .prev {margin-bottom: 40px;}
  .policy_area .policy_box .srch_area {width: 100%;}
  .policy_area .policy_box .srch_area .select_bar {margin: 0 17px 0 0;}
  .policy_area .policy_box .srch_area .select_bar.w390 {width: calc(100% - 57px); width: -webkit-calc(100% - 57px);}
  .policy_div .fixed_area.fixed {left: 5%;}

}

@media screen and (max-width:1200px) {
  /* our field 개요 */
  .overview_area .txt_area .small_inner {width: 90%;}

  /* Sustainability - 사회공헌 소개 */
  .social_area .top_bg_area {padding: 160px 0; height: auto;}
  .social_area .top_bg_area .txt_area .biggest_tit {position: static; top: 100px; transform: translate(0);}
  .social_area .top_bg_area .txt_area.active .biggest_tit {top: 100px;}
  .social_area .top_bg_area .txt_area .small_txt_div {position: relative; right: auto; bottom: 0; margin-top: 100px;}
  .social_area .top_bg_area .txt_area.active .small_txt_div {bottom: 0;}
}

@media screen and (max-width:1100px) {
  .radius_box_list .list_div .list {padding: 50px 20px 40px;}

  /* our field 보안 */
  .security_area .img_area .img img {left: -35%;}

  /* our field 모빌리티 소프트웨어 */
  .mobilgene_classic_area .box_list .list_inner .list {padding: 60px 50px;}

  /* our field 내비게이션 */
  .navigation_img_area .img_txt_area .txt_box {padding: 80px 0 0 80px;}

  /* about us 법인 */
  .service_sec .fixed_area .img_box img {width: 70%;}

  /* about us 유럽 법인 */
  .eur_service_sec .service_info .info_div .info {margin-right: 40px; width: calc((100% - 80px) / 3); width: -webkit-calc((100% - 80px) / 3);}

  /* Sustainability */
  .sustain_area .img_area .full_img + .half_area > div > p br {display: none;}
  .sustain_area .half_area .left {padding-left: 0;}
  .sustain_area .half_area > div .small_tit br {display: none;}
  .sustain_area .half_area .right .con_middle_txt br {display: none;}
  .sustain_area .half_area .right.txt {padding-left: 0;}
  .sustain_area section .con_middle_txt br {display: none;}
   /* 2022-05-24 2차 작업, 2022-05-31 수정 s */
  .esg_report_area .download_wrap {margin-top: 80px;}
  .esg_report_area .select_wrap {margin-bottom: 10px;}
  .esg_report_area .select_circle select {width: 100px; padding: 0 12px 0 10px;}
  .esg_report_area .download_box {display: block;}
  .esg_report_area .download_box .con_tit {margin-bottom: 30px;}
  /* // 2022-05-24 2차 작업, 2022-05-31 수정 e */

  /* Sustainability - 불공정거래 행위 제보 */
  .sustain_area .report_center .report_name_list .list_wrap .list {margin-right: 20px; padding: 40px; width: -webkit-calc((100% - 40px) / 3); width: calc((100% - 40px) / 3);}
}


@media screen and (max-width:1023px) {
  /* 통합검색 */
  .total_srch_area .srch_area {width: 90%;}

  .tab_btn_area.w720 {width: 90%;}
  .tab_btn_area.full.swiper-container {overflow: visible;}
  .tab_btn_area.full .swiper-wrapper {width: 110%;}
  .tab_btn_area.full.for_print .swiper-wrapper {width: 100%;}
  .tab_btn_area.no_swiping {width: 100%;}
  .sub_our_field .tab_btn_area.w720 {padding: 0 5%;}
  .sub_our_field .tab_btn_area.w540 {padding: 0 5%; width: 100%;}
  .tab_btn_area a, .tab_btn_area button {padding: 0 20px; width: auto;}
  .tab_btn_area.wid50 a, .tab_btn_area.wid50 button {width: auto;}
  .tab_btn_area.wid33 a, .tab_btn_area.wid33 button {width: auto;}
  .tab_btn_area.no_swiping.wid50 a, .tab_btn_area.no_swiping.wid50 button {width: 50%;}
  .tab_btn_area a span.en, .tab_btn_area button span.en {top: 0;}

  .more_btn {margin-top: 20px;}

  /* our field */
  .img_gray_area .two_img_div {width: 100%;}
  .img_gray_area .gray_box_div.inner {margin-top: -230px; padding: 344px 0 219px; width: 100%;}
  .img_gray_area .gray_box_div.inner .txt_box {width: 100%;}
  .img_gray_area .gray_box_div.bg_div {padding: 0 0 180px;}

  .img_txt_half_div {flex-direction: column-reverse; margin: 80px 0 0 0; padding: 0 5%; width: 100%;}
  .img_txt_half_div.right {flex-direction: column;}
  .img_txt_half_div .txt_half {width: 100%;}
  .img_txt_half_div .txt_half .of_con_big_txt_m {margin-bottom: 120px;}
  .img_txt_half_div .txt_half .of_sub_tit_b {margin-bottom: 80px;}
  .img_txt_half_div .txt_half .dot_txt_div:not(:last-child) {margin-bottom: 80px;}
  .img_txt_half_div .img_half {margin-bottom: 100px; width: 100%;}
  .img_txt_half_div .img_half .img {width: 100%; height: auto;}
  .img_txt_half_div .img_half .img img {width: 100%;}
  .location_area .img_txt_half_div {padding: 0;}

  .full_bg_area .txt_area {margin-top: 100px;}
  .full_bg_area .txt_area .dot_txt_area .dot_txt_div {float: none; margin-bottom: 80px; width: 100%;}
  .full_bg_area .txt_area .dot_txt_area .dot_txt_div:last-child {margin-bottom: 0;}
  .full_bg_area .txt_area .txt {margin-top: 100px;}

  .txt_fixed_area .con_area {padding: 0; width: 100%;}
  .txt_fixed_area .con_area .bg {padding-top: 55%;}
  .txt_fixed_area .con_area .bg.illustration {margin: 0 auto; width: 90%;}
  .txt_fixed_area .con_area .bg.illustration.gis_img {padding: 40px 0 0;}
  .txt_fixed_area .con_area .bg.illustration img {height: auto;}
  .txt_fixed_area .con_area .bg.illustration.gis_img img {width: 100%;}
  .txt_fixed_area .con_area .bg img {top: 50%; left: 50%; transform: translate(-50%, -50%); width: auto; height: 400px;}
  .txt_fixed_area .con_area .bg.active img {transform: scale(1.03) translate(-50%, -50%); transform-origin: left;}
  .txt_fixed_area .con_area .flex_area {flex-direction: column; margin: 75px 0 0 0; padding: 0 5%; width: 100%;}
  .txt_fixed_area .con_area .flex_area > div {width: 100%;}
  .txt_fixed_area .con_area .flex_area .left_div .fixed_txt {margin-bottom: 40px;}
  .txt_fixed_area .con_area .flex_area .left_div .fixed_txt span {padding-left: 0;}
  .txt_fixed_area .con_area .flex_area .right_div .con_div {margin-bottom: 60px;}
  .txt_fixed_area .con_area .flex_area .right_div .con_div .of_con_big_txt_m {margin: 0 0 75px; width: 100%;}
  .txt_fixed_area .con_area .flex_area .right_div .con_div .img {margin-top: 60px;}
  .txt_fixed_area .con_area .flex_area .right_div .con_div .dot_txt_div {margin-top: 25px;}

  .txt_dot_half_area .txt_box > div {float: none; width: 100%;}
  .txt_dot_half_area .txt_box .left_txt {margin-bottom: 100px; width: 100%;}
  .txt_dot_half_area .txt_box .right_txt {padding-left: 0;}
  .txt_dot_half_area .txt_box .right_txt .dot_txt_div:not(:last-child) {margin-bottom: 60px;}

  .blue_square_area.left .img_area {width: 85%;}

  .cloud_area {margin: 80px 0 150px;}
  .cloud_area.car_area {margin: 80px 0 150px;}
  .cloud_area .cloud_bg_area {position: relative; padding-top: 89%; height: auto; opacity: 0; transition: opacity 2s ease;}
  .cloud_area .cloud_bg_area.active {opacity: 1;}
  .cloud_area .cloud_bg_area .side_white_bg {display: none;}
  .cloud_area .cloud_bg_area .bg {width: 100% !important; height: 100%;}
  .cloud_area .cloud_bg_area .dimd_bg {height: 100%;}
  .cloud_area .cloud_txt_area {padding: 120px 5% 0; width: 100%;}
  .cloud_area .cloud_txt_area .of_small_tit {position: relative; top: 50px; margin-top: 50px; opacity: 0; transition: top 1s ease, opacity 1s ease;}
  .cloud_area .cloud_txt_area .of_small_tit.font_white {color: #000 !important;}
  .cloud_area .cloud_txt_area .of_small_tit.active {top: 0; opacity: 1;}

  /* our field 개요 */
  .overview_area .overview_tit_area .big_typo {font-size: 120px;}

  /* our field 스마트 교통 */
  .illu_pop_area .illu_div {padding: 80px 0 150px; height: auto;}
  .illu_pop_area .illu_div .inner {padding: 0;}
  .illu_pop_area .illu_div .inner .illu_img {position: relative; top: 0; left: 0; transform: translate(0, 0); padding: 0 5%; width: 100%;}
  .illu_pop_area .illu_div .inner .info_pop_div {margin-top: 40px; padding: 0 5%;}
  .illu_pop_area .illu_div .inner .info_pop {position: relative; top: 0; left: 0; transform: translate(0, 0); width: 100%;}
  .illu_pop_area .illu_div .inner .info_pop .con {width: 100%; height: auto;}

  .security_area .rotate_txt {display: none;}
  .security_area .inner {padding: 0; width: 100%;}
  .security_area .img_area {height: 480px;}
  .security_area .img_area:before {bottom: 0; width: 100%;}
  /* .security_area .img_area .img {padding-top: 55%;} */
  .security_area .img_area .img img {left: -15%;}
  .security_area .txt_area {top: 55%; right: 5%; width: 300px; transform: translateY(-50%); font-size: 18px; line-height: 32px;}
  .security_area.active .img_area .img {width: calc(100% - 390px); width: -webkit-calc(100% - 390px);}
  .security_area.active .txt_area {top: 50%;}

  /* our field 차량 보안 */
  .basic_img_txt_div .of_sub_tit_b {padding: 0 5%; width: 100%;}
  .basic_img_txt_area .wide_img_area {margin-top: 150px;}
  .basic_img_txt_area .flex_area.of_divide_txt > div {width: 100%;} 
  .basic_half_area .circle_con_wrap {display: block;}
  .basic_half_area .circle_con_wrap .circle_crop {width: 100%;}
  .basic_half_area .circle_con_wrap .txt_area {margin-top: 80px !important; padding: 0; width: 100%;}

  .wide_img_area .flex_area.inner {padding: 0;}
  .wide_img_area .flex_area > div {width: auto;}
  .wide_img_area .flex_area .right_div {width: 100%;}

  /* our field 스마트 그리드 */
  .smart_grid_area .visual_area .parallax_area {top: 80%;}
  .smart_grid_area .visual_area .inner {width: 90%;}
  .smart_grid_area .visual_area .rotate_txt {display: none;}
  .smart_grid_area .con_assi_txt.info {margin: 50px 5% 0; width: 90%;}

  /* our field 정밀지도 */
  /* .map_solution_list .list_inner .list .title br {display: none;} */

  /* our field 모빌리티 소프트웨어 */
  .mobilgene_classic_area .box_list .list_inner {width: 90%;}

  /* our field 파란 네모 박스 영역 공통 */
  .blue_square_area.left .img_area {position: relative; top: 0;}
  .blue_square_area.left .blue_bg {float: none; left: 5%; margin-top: -120px; padding: 25% 50px 15%; width: 95%; height: auto;}
  .blue_square_area.left .blue_bg .txt {position: relative; left: 0; top: 0; transform: translateY(0);}
  .blue_square_area .txt_box .dot_txt_div {padding-right: 10px;}

  /* our field 내비게이션 */
  .navigation_img_area .img_txt_area .txt_box {padding: 80px 0 0;}
  .navigation_img_area .bg_img_area {display: none;}

  /* our field maas */
  .maas_area {margin: 40px 0 0 0; width: 100%;}
  .maas_area .inner {padding: 100px 0;}
  .maas_area .inner .img_area {position: relative; top: 50px; left: 0;}
  .maas_area.active .inner .img_area {top: 0; text-align: center;}
  .maas_area .inner .img_area img {width: 70%;}
  .maas_area .inner .txt_area {float: none; margin-top: 75px; width: 100%;}
  .maas_area .inner .txt_area .of_sub_tit_m {margin-bottom: 40px;}
  .maas_icon {margin: -50px 0 0 0;}

  /* about us 개요 */
  .company_info .name {font-size: 100px;}
  .company_info .visual_area {margin: -50px auto 0; height: 660px;}
  .company_info .info_div .box_list .list_div {flex-wrap: wrap;}
  .company_info .info_div .box_list .list_div .list {margin-bottom: 20px; padding: 39px 0 30px; width: calc((100% - 20px) / 2); width: -webkit-calc((100% - 20px) / 2);}
  .company_info .info_div .box_list .list_div .list:nth-child(2n) {margin-right: 0;}
  .company_info .info_div .box_list .list .icon .only_web {display: none;}
  .company_info .info_div .box_list .list .icon .only_mob {display: inline; width: 72px;}
  .company_info .info_div .box_list .list .con_txt {margin-top: 26px;}
  .company_info .info_div .box_list .list .con_tit {margin: 10px 0 5px;}
  .company_info .fixed_visual .bg_area {display: none;}
  .company_info .fixed_visual .txt_div {margin-top: 0; padding-top: 0; height: auto;}
  .company_info .fixed_visual .txt_div > .inner {flex-direction: column;}
  .company_info .fixed_visual .txt_div .mob_bg {display: block; width: 100%;}
  .company_info .fixed_visual .txt_div .mob_bg img {width: 100%;}
  .company_info .fixed_visual .txt_div .small_tit {margin-right: 0; padding-top: 120px; width: 100%;}
  .company_info .fixed_visual .txt_div .con_middle_txt {margin-top: 30px; padding-bottom: 120px; width: 100%; word-break: keep-all;}

  /* CEO */
  .ceo_bg_area .txt_box .con_big_txt {margin-top: 150px;}
  .ceo_txt_area {margin-top: 150px; padding: 0;}
  .ceo_txt_area > div {width: 48%;}

  /* about us 사업장 */
  .business_area .business_place {flex-direction: column; margin-top: 60px;}
  .business_area .business_place > div {width: 100%;}
  .business_area .place_map_area {margin-bottom: 60px; padding: 40px 0;}
  .business_area .place_map_area .map img {width: auto; height: 50%;}
  .business_area .place_area .place_div {display: block; margin-bottom: 20px; padding: 40px 20px; min-height: auto;}
  .business_area .place_area.oversea .place_div {padding: 40px 80px 40px 20px;}
  .business_area .place_area .place_div .place {display: block; width: 100%;}
  .business_area .place_area .place_div .address {display: block; margin-top: 15px; padding: 0;}
  .business_area .place_area .place_div .link {right: 20px;}
  .business_area .place_map_img {margin: 60px 0;}

  /* about us 법인 */
  .service_sec .fixed_area {margin-top: 40px;}
  .service_sec .fixed_area .img_box {position: relative; width: 100%; height: auto;}
  .service_sec .fixed_area .img_box img {width: 100%; transform: scale(1); opacity: 0; transition: opacity 1s ease, transform 2.5s ease;}
  .service_sec .fixed_area.active .img_box img {transform: scale(1.02); opacity: 1; transition-delay: .2s;}
  .service_sec .fixed_area .txt_box {width: 100%;}
  .service_sec .fixed_area .txt_box .txt_con {margin-top: 80px;}
  .service_sec .fixed_area .txt_box .txt_con:first-child {padding-top: 80px;}
  .service_sec .fixed_area .txt_box .txt_con .sub_tit {margin-bottom: 80px;}
  .service_sec .fixed_area .txt_box .txt_con .flex_area {flex-direction: column;}
  .service_sec .fixed_area .txt_box .txt_con .flex_area .left_div {margin-bottom: 40px; width: 100%;}
  .service_sec .fixed_area .txt_box .txt_con .flex_area .right_div {width: 100%;}
  .service_sec .fixed_area .txt_box .img_con {overflow: hidden; margin-top: 120px;}
  .service_sec .fixed_area .txt_box .img_con img {width: 100%; transform: scale(1); opacity: 0; transition: opacity 1s ease, transform 2.5s ease;}
  .service_sec .fixed_area .txt_box .img_con.active img {transform: scale(1.02); opacity: 1;}
  .service_sec .fixed_area .img_box .fade_img {display: none;}
  .career_sec {padding: 180px 0 150px; min-height: auto;}
  .contact_sec .place_info {width: 80%;}
  .career_sec.active .accordion_type .table_type .table_wrap {overflow-x: auto;}
  .career_sec.active .accordion_type .table_type .table_wrap table {width: 1023px;}
  .career_sec.active .accordion_type .table_type .table_area .swipe_icon {display: block;}
  .history_sec {margin-top: 160px;}
  .history_sec .flex_area {flex-direction: column; margin-top: 120px;}
  .history_sec .flex_area > div {width: 100%;}
  .history_sec .flex_area .left_div {font-size: 50px;}
  .history_sec .flex_area .right_div:before {display: none;}
  .history_sec .flex_area .history_div:not(:first-child) {padding-top: 80px;}

  /* about us 유럽 법인 */
  .overview_sec .flex_area {flex-direction: column; margin-top: 120px; padding-bottom: 30px;}
  .overview_sec .flex_area .info_div {margin-top: 80px; width: 100%;}
  .overview_sec .flex_area .info_div .info:nth-child(2n) {padding-left: 20px;}
  .performance_sec .middle_tit {margin-bottom: 40px;}
  .performance_sec .flex_area {flex-direction: column-reverse; margin-bottom: 160px;}
  .performance_sec .flex_area:nth-child(2) {flex-direction: column;}
  .performance_sec .flex_area > div {width: 100%;}
  .performance_sec .flex_area .left_div.txt {padding: 80px 0 0 0;}
  .performance_sec .flex_area .right_div.txt {padding: 80px 0 0 0;}
  .performance_sec .flex_area .con_middle_txt {margin-top: 40px;}
  .performance_sec.india .flex_area .left_div {margin-top: 50px;}
  .performance_sec.india .flex_area .right_div.txt {padding-top: 0;}
  .active_his .gauge_area {display: none;}
  .active_his .divided_area {flex-direction: column;}
  .active_his .divided_area .box {width: 100%;}
  .eur_history_sec .middle_tit {margin-bottom: 100px;}
  .eur_history_sec .active_his .divided_area .box.right {padding-left: 0; margin-top: 120px;}
  .eur_history_sec .active_his .divided_area .box.left .history_txt {position: relative; top: 50px; opacity: 0; transition: top 1s ease, opacity 1s ease;}
  .eur_history_sec .active_his .divided_area .box.left .history_txt.active {top: 0; opacity: 1;}
  .eur_history_sec .active_his .divided_area .box.left .history_txt span {font-size: 75px;}
  .active_his .divided_area .box.right .list_wrap {position: relative; top: 50px; margin-top: 75px; opacity: 0; transition: top 1s ease, opacity 1s ease;}
  .active_his .divided_area .box.right .list_wrap.active {top: 0; opacity: 1;}
  .eur_service_sec .service_info {margin-top: 150px;}
  .eur_service_sec .service_info .info_box {margin-top: 0;}
  .eur_service_sec .service_info .info_div {flex-direction: column; margin-bottom: 0;}
  .eur_service_sec .service_info .info_div .info {margin-right: 0; margin-top: 70px; width: 100%;}
  .career_overview_sec .flex_area {flex-direction: column-reverse;}
  .career_overview_sec .flex_area > div {width: 100%;}
  .career_overview_sec .flex_area .left_div {margin-top: 100px;}
  .career_overview_sec .flex_area .left_div .txt_box {margin-bottom: 100px; width: 100%;}
  .career_overview_sec .flex_area .right_div .img img {width: 100%;}
  .working_sec .flex_area {flex-direction: column; margin-top: 150px;}
  .working_sec .flex_area .left_div {margin-bottom: 100px; width: 100%;}
  .working_sec .flex_area .left_div .sub_tit {position: relative;}
  .working_sec .flex_area .right_div {width: 100%;}
  .working_sec .flex_area .right_div .work_div {margin-bottom: 100px;}
  .working_sec .flex_area .right_div .work_div .img img {width: 100%;}
  .contact_sec .place_info.europe {flex-direction: column;}
  .contact_sec .place_info.europe .info_box {width: 100%;}
  .contact_sec .place_info.europe .sns_div .tit {display: block;}
  .contact_sec .place_info.europe .info_box .info_div {margin-top: 40px;}
  .contact_sec .place_info.europe .info_box .info_div:first-child {margin-top: 40px;}

  /* IR 카드형쪽 리스트 공통 */
  .card_list {padding: 40px 0 120px;}
  .card_list .list {padding: 30px 30px 32px; min-height: 254px; width: calc((100% - 20px) / 2); width: -webkit-calc((100% - 20px) / 2); box-sizing: border-box;}
  .card_list .list:nth-child(3n) {margin-right: 20px;}
  .card_list .list:nth-child(2n) {margin-right: 0;}
  .card_list .list .title {margin: 16px 0 60px;}
  .card_list .list .year {left: 30px;}
  .card_list .list .date_div {left: 30px;}

  /* 문의 페이지 공통 */
  .call_area .info_area {width: 65%;}
  .call_area .info_area .info_div .info .number .only_web {display: none;}
  .call_area .info_area .info_div .info .con_tit .only_web {display: none;}

  /* IR 문의 */
  .ir_inquiry {padding: 150px 0 120px;}

  /* IR 뉴스 */
  .ir_news_list .list_div .list {width: calc((100% - 40px) / 2); width: -webkit-calc((100% - 40px) / 2);}
  .ir_news_list .list_div .list:nth-child(3n) {margin-right: 40px;}
  .ir_news_list .list_div .list:nth-child(2n) {margin-right: 0;}
    
  /* IR 상세 */
  .ir_view .view_con {padding: 0 30px;}
  .ir_view .view_con .con_middle_txt {padding: 45px 50px;}
  .ir_view .view_list .ir_news_list .list_div .list {width: calc((100% - 80px) / 3); width: -webkit-calc((100% - 80px) / 3);}
  .ir_view .view_list .ir_news_list .list_div .list:nth-child(2n) {margin-right: 40px;}
  .ir_view .view_list .ir_news_list .list_div .list:nth-child(3n) {margin-right: 0;}

  .radius_box_list .list_div .list {margin-right: 3%; padding: 50px 20px 40px; width: 31.33%;}
  .radius_box_list .list_div .list:nth-child(4n) {margin-right: 3%;}
  .radius_box_list .list_div .list:nth-child(3n) {margin-right: 0;}
  .radius_box_list .list_div .list:nth-child(-n+4) {margin-top: 40px;}
  .radius_box_list .list_div .list:nth-child(-n+3) {margin-top: 0;}

  /* Sustainability */
  .sustain_area .visual_txt {margin-top: -50px;}

  /* Sustainability - 최고 경영자 의지 선포문 */
  .declaration_area .top_tit br {display: none;}
  .declaration_area .flex_box {padding: 0;}
  .declaration_area .flex_box .flex_area {display: block;}
  .declaration_area .flex_box .flex_area .con_middle_txt {padding-right: 0; padding-bottom: 0; width: 100%;}
  .declaration_area .flex_area.active .con_middle_txt:nth-child(2) {padding-left: 0; padding-right: 0;}
  .declaration_area .half_list {padding: 0;}
  .declaration_area .half_list .list .right_div {width: 100%;}

  /* Sustainability - 불공정거래 행위 제보 */
  .sustain_area .report_center .scroll_bg .flex_area {display: block;}
  .sustain_area .report_center .scroll_bg .flex_area .cir_num_list {margin-top: 50px;}

  .esg_area .declaration_area .flex_area .con_middle_txt:last-child {padding-bottom: 100px;}
  .promise_txt {padding: 0;}

  /* Sustainability - 안전보건경영 */
  .safety_health_policy .policy_list .list {width: calc((100% - 100px) / 2); width: -webkit-calc((100% - 100px) / 2);}
  .safety_health_policy .policy_list .list:last-child {margin: 100px 0 0 100px;}
  .safety_thr_goal_area {flex-direction: column; margin-top: 0;}
  .safety_thr_goal_area .goal_div {margin: 75px 0 0 0; width: 100%;}
  .thr_goal_area .goal_div .txt_wrap {position: absolute; left: 40px; top: 50%; transform: translateY(-50%); width: calc(100% - 80px);}
  .thr_goal_area .goal_div .txt_wrap .num {position: relative; left: 0; transform: translate(0);}
  .thr_goal_area .goal_div .txt_wrap .con_tit {position: relative; left: 0; transform: translate(0); margin-top: 20px; word-break: keep-all;}
  .safety_health_div .fixed_area .img_box {position: relative; top: 50px; width: 100%; height: auto; opacity: 0; transition: top 1s ease, opacity 1s ease;}
  .safety_health_div .fixed_area .img_box.active {top: 0; opacity: 1;}
  .safety_health_div .fixed_area .img_box img {width: 100%;}
  .safety_health_div .fixed_area .txt_box {float: none; padding-left: 0; width: 100%;}
  .safety_health_div .fixed_area .txt_box .title {margin-top: 110px;}

  /* 인재상 */
  .career_area .img_area .title {font-size: 30px; line-height: 45px;}
  .career_area .thumb_div .thumb {width: 100%;}
  .career_area .list_info .list .tit {float: none; padding: 130px 0 0 0; width: 100%;}
  .career_area .list_info .list .txt {float: none; margin-top: 60px; padding-left: 0; width: 100%;}

  /* 인사제도 */
  .career_management .management_div:nth-child(1) .info_img {height: auto; background: url("../images/bg-careers-management-m-img1.jpg") no-repeat center center/cover;}
  .career_management .management_div:nth-child(2) .info_img {height: auto; background: url("../images/bg-careers-management-m-img2.jpg") no-repeat center center/cover;}
  .career_management .management_div .info_img .txt_img {position: relative; top: 0; left: 0; transform: translate(0, 0); padding: 157px 5%; width: 100%; text-align: center;}
  .career_management .management_div .info_img .txt_img {width: 100%;}
  .career_management .management_div .info_img .txt_img img.only_web {display: inline;}
  .career_management .management_div .info_img .txt_img img.only_mob {display: none;}

  /* 직무소개 */
  .career_management .accordion_type .hide_con .flex_area .job_div {padding: 45px;}

  /* 빌링시스템 */
  .policy_area {padding-left: 0; padding-top: 100px;}
  .policy_div .fixed_area {width: 100%;}

    
  /* 개인정보처리방침 */
  .policy_box {flex-direction: column; align-items: flex-start; padding: 40px 20px;}
  .policy_box .prev {margin-bottom: 43px; font-size: 14px;}
  .policy_box .srch_area {width: 100%;}
  .policy_box .srch_area .select_bar {margin: 0 14px 0 0;}
  .policy_box .srch_area .select_bar.w310, .policy_box .srch_area .select_bar.w390 {width: calc(100% - 54px); width: -webkit-calc(100% - 54px);}
  .policy_div .info_txt {margin-bottom: 60px; font-size: 14px; line-height: 22px;}

}

@media screen and (max-width:850px) {
  .security_area .img_area .img img {left: -45%;}
}

@media screen and (max-width:767px) {

  /* 통합검색 */
  .total_srch_area .srch_area {width: 90%;}
  .total_srch_area .srch_div input {font-size: 18px;}
  .total_srch_area .srch_div .srch_btn {width: 20px; height: 20px; background: url(../images/icon-total-srch-btn-m.png) 0 0/cover no-repeat;}
  .total_srch_area .srch_info {margin: 25px 0 60px;}
  .total_srch_area .tab_con {margin-top: 120px;}
  .total_srch_area .srch_con_title span {font-size: 16px;}
  .total_srch_area .srch_con_list .list {padding: 30px 0;}
  .total_srch_area .srch_con_list .list .con_txt {margin-top: 13px; height: 66px; -webkit-line-clamp: 3;}

  .tab_btn_area.w720 {padding: 0 5%; width: 100%;}
  .tab_btn_area.wid25 a, .tab_btn_area.wid25 button {padding: 0 28px; width: auto;}
  .tab_btn_area a, .tab_btn_area button {height: 40px; font-size: 14px;}

  /* our field */
  .sub_our_field .con_assi_txt.info {padding-left: 25px; margin-top: 20px; background: url("../images/edm-important-icon-m.png") no-repeat left top 1px; background-size: 18px 18px;}
  .sub_our_field .dot_txt_div .con_tit {margin-bottom: 15px;}
  .sub_our_field .dot_txt_div .of_sub_tit {margin-bottom: 15px;}

  .img_gray_area .two_img_div {margin-top: 40px;}
  .img_gray_area .two_img_div .img {float: none; margin-bottom: 20px; width: 100%;}
  .img_gray_area .two_img_div .img:last-child {margin-bottom: 0;}
  .img_gray_area .gray_box_div {padding: 300px 0 150px;}
  .img_gray_area .gray_box_div.inner {margin-top: -110%; padding: 125% 0 70px; width: 100%;}
  .img_gray_area .gray_box_div .txt_box > div {float: none; margin-right: 0; width: 100%;}
  .img_gray_area .gray_box_div .txt_box > div .dot_txt_div {margin-top: 40px;}
  .img_gray_area .gray_box_div .txt_box .right_txt {margin-top: 75px;}
  .img_gray_area .gray_box_div.bg_div {padding: 0 0 150px;}
  .img_gray_area .gray_box_div.bg_div .gray_box_bg {height: 80%;}
  .img_gray_area .gray_box_div .txt_box .flex_area {flex-direction: column; margin-bottom: 40px;}
  .img_gray_area .gray_box_div .txt_box .flex_area:last-child {margin-bottom: 0;}
  .img_gray_area .gray_box_div .txt_box .flex_area .dot_txt_div {margin-bottom: 40px; width: 100%;}
  .img_gray_area .gray_box_div .txt_box .flex_area .dot_txt_div:last-child {margin-bottom: 0;}

  .big_img_area .img_txt_area {margin: 70px 0 0 0; padding: 150px 5%; width: 100%;}
  .big_img_area .img_txt_area .dot_txt_area .dot_txt_div {margin-bottom: 60px;}
  .big_img_area.full .img_txt_area {padding: 150px 0;}

  .img_txt_half_div {margin: 40px auto 0;}
  /* .img_txt_half_div.mpass_div.right {margin-top: 0;} */
  .img_txt_half_div .txt_half.right {padding-left: 0;}
  .img_txt_half_div .txt_half .of_con_big_txt_m {margin-bottom: 75px;}
  .img_txt_half_div .txt_half .of_sub_tit_b {margin-bottom: 40px;}
  .img_txt_half_div .txt_half .dot_txt_div:not(:last-child) {margin-bottom: 40px;}
  /* .img_txt_half_div .txt_half.right .of_con_big_txt_m {margin: 40px 0 0 0;} */
  .img_txt_half_div .img_half {margin-bottom: 75px;}

  .full_bg_area {padding: 145px 0; height: auto;}
  .full_bg_area .bg img {width: auto;}
  .full_bg_area .bg.active img {width: auto;}
  .full_bg_area .txt_area {margin-top: 75px;}
  .full_bg_area .txt_area .dot_txt_area .dot_txt_div {margin-bottom: 40px;}
  .full_bg_area .txt_area .txt {margin-top: 75px;}

  .txt_fixed_area .con_area {margin-top: 40px;}
  .txt_fixed_area .con_area .bg img {height: 300px;}
  .txt_fixed_area .con_area .flex_area .right_div .con_div {margin-bottom: 40px;}

  .txt_dot_half_area .txt_box {margin-top: 75px;}
  .txt_dot_half_area .txt_box .left_txt {margin-bottom: 75px;}
  .txt_dot_half_area .txt_box .right_txt .dot_txt_div:not(:last-child) {margin-bottom: 40px;}
  
  .cloud_area .cloud_txt_area {padding: 75px 5% 0;}

  .security_area {margin-top: 40px;}
  .security_txt_box {margin-top: 75px;}
  .security_txt_box .dot_txt_div {float: none; margin-top: 40px; width: 100%;}
  .security_txt_box .dot_txt_div:first-child {margin-top: 0;}
  .security_area .img_area {height: auto;}
  .security_area .img_area:before {display: none;}
  .security_area .img_area .img {padding-top: 0; width: 100%;}
  .security_area .img_area .img img {position: relative; left: 0; width: 100%; height: auto; transform: scale(1); opacity: 0;}
  .security_area .img_area.active .img img {transform: scale(1.05); opacity: 1; transition: opacity 1s ease, transform 2.5s ease;}
  .security_area.active .img_area .img {width: 100%;}
  .security_area .txt_area {position: relative; top: 0; right: 0; transform: translateY(0); padding: 30px 5%; width: auto; background: #314c96; transition-delay: 0s;}

  .thr_img_area {margin: 75px 0;}
  .thr_img_area .img.illustration {margin-bottom: 20px; padding: 30px;}
  .thr_img_area .img.illustration:last-child {margin-top: 20px;}

  /* our field 개요 */
  .overview_area .overview_tit_area {margin: 180px 0 65px;}
  .overview_area .overview_tit_area .small_sub_tit {font-size: 14px;}
  .overview_area .overview_tit_area .big_typo {margin-top: 10px; font-size: 50px;}
  .overview_area .fixed_bg .expand_area .left {width: 40px;}
  .overview_area .fixed_bg .expand_area .right {width: 40px;}
  .overview_area .menu_area .list {padding: 8px 0;}  
  .overview_area .menu_area .list .btn_link {font-size: 24px;}
  .overview_area .txt_area {margin-top: 40vh; padding: 80px 0 160px;}
  .overview_area .txt_area .small_inner {display: block;}
  .overview_area .txt_area .paragraph {width: 100%;}

  /* our field 스마트 교통 */
  .illu_pop_area .illu_div {padding: 40px 0 150px; margin: 75px auto 0; width: 90%; height: auto;}
  .illu_pop_area .illu_div .inner .illu_img {position: relative; top: 0; left: 0; transform: translate(0, 0); padding: 0; width: 100%;}
  .illu_pop_area .illu_div .inner .info_pop_div {margin-top: 10px; padding: 0 15px;}
  .illu_pop_area .illu_div .inner .info_pop {position: relative; top: 0; left: 0; transform: translateY(0);}
  .illu_pop_area .illu_div .inner .info_pop .con {padding: 40px; width: 100%; height: 235px;}
  .illu_pop_area .illu_div .inner .info_pop .con .num {width: 20px; height: 20px; font-size: 10px; line-height: 19px;}
  .illu_pop_area .illu_div .inner .info_pop .con .dot_txt_div {margin-top: 15px;}
  .illu_pop_area .illu_div .inner .info_pop .pop_close {top: -10px; right: -10px; width: 20px; height: 20px; background: url("../images/icon-smart-traffic-popup-close.png") no-repeat center center #807dfb; background-size: 15px 15px;}

  /* our field maas */
  .car_sharing_area.img_gray_area .two_img_div {margin-top: 75px;}

  /* our field 차량 보안, 그룹웨어 */
  .basic_img_txt_area .img_txt_half_div {margin-top: 150px;}
  .basic_img_txt_area .wide_img_area {margin-top: 40px; padding: 0;}
  .basic_img_txt_div {margin-top: 75px;}
  .basic_img_txt_div .flex_area.of_divide_txt > div:nth-child(2) {padding: 0;}
  .basic_img_txt_div .flex_area.of_divide_txt {flex-direction: column;}
  .basic_img_txt_area .flex_area.of_divide_txt > div {width: 100%;}
  .basic_half_area {margin: 150px auto 0;}

  /* our field 스마트 그리드 */
  .smart_grid_area .visual_area .parallax_area {width: 100%;}
  .smart_grid_area .visual_area {margin-top: 40px;}
  .smart_grid_area .visual_area .inner {overflow: visible; padding-top: 60%; width: 100%;}
  .smart_grid_ilu {margin: 75px 0 0 0;}

  /* our field 스마트 그리드 */
  .map_solution_list {margin-top: 66px;}
  .map_solution_list .list_inner .list {display: block; margin-bottom: 66px;}
  .map_solution_list .list_inner .list .title {width: 100%;}
  .map_solution_list .list_inner .list .info_area {margin-top: 40px; width: 100%;}
  .map_solution_list .list_inner .list .info_area .dot_txt_div {margin-top: 40px;}
  .map_solution_list .list_inner .list .info_area .dot_txt_div .dot_txt:before {top: 10px;}

  /* our field 모빌리티 소프트웨어 */
  .mobilgene_classic_area .box_list {margin-top: -95px;}
  .mobilgene_classic_area .box_list .list_inner .list {margin-right: 0; margin-top: 20px; padding: 68px 38px; width: 100%;}
  .mobilgene_classic_area .box_list .list_inner .list:nth-child(-n+2) {margin-top: 20px;}
  .mobilgene_classic_area .box_list .list_inner .list:first-child {margin-top: 0;}
  .mobilgene_classic_area .box_list .list_inner .list .txt_area .dot_txt_div {margin-top: 27px;}

  /* our field 내비게이션 */ 
  .navigation_list {margin-top: 145px;}
  .navigation_img_area .img_txt_area {padding: 40px 0 0;}
  .navigation_img_area .img_txt_area .img_box .of_sub_tit {left: 5%; bottom: 35px;}
  .navigation_img_area .img_txt_area .txt_box {padding: 75px 5% 0;}

  /* our field 파란 네모 박스 영역 공통 */
  .blue_square_area .blue_area {margin-top: 40px;}
  .blue_square_area .txt_box .dot_txt_div {margin-top: 33px; margin-right: 0; width: 100%;}
  .blue_square_area .txt_box .dot_txt_div:first-child {margin-top: 0;}
  .blue_square_area.left .img_area {width: 95%;}
  .blue_square_area.left .blue_bg {margin-top: -45%; padding: 55% 5% 47px;}
  /* .blue_square_area.left .blue_bg .txt {padding-right: 5%;} */

  /* our field 텍스트 왼쪽 고정 영역 공통 */
  .txt_fixed_area .con_area .bg {padding-top: 60%;}
  .txt_fixed_area .con_area .flex_area .right_div .con_div .of_con_big_txt_m br {display: none;}

  /* our field maas */
  .maas_icon img {width: 100%;}

  /* IR 아코디언 */
  .sub_ir .accordion_type .con_tit {margin-top: 60px; height: 40px;}

  /* about us 개요 */
  .company_info .name {font-size: 45px;}
  .company_info .visual_area {margin: -25px auto 0; height: 440px;}
  .company_info .visual_area:before {width: 50px;}
  .company_info .visual_area:after {width: 50px;}
  .company_info .visual_area .visual_img .bg img {transform: scale(.7);}
  .company_info .visual_area.active .visual_img .bg img {transform: scale(.75);}
  .company_info .info_div {margin: -60px auto 0; padding: 60px 0; width: 90%;}
  .company_info .fixed_visual {margin-top: 80px;}

  /* CEO */
  .ceo_bg_area .bg {position: relative; padding-top: 100%; background: url("../images/bg-ceo-m.jpg") no-repeat center center/cover !important; -webkit-print-color-adjust: exact !important;}
  .ceo_bg_area .txt_box {padding: 80px 0 0;}
  .ceo_bg_area .txt_box .con_big_txt {margin-top: 70px;}
  .ceo_bg_area .txt_box .con_big_txt:before {width: 235px;}
  .ceo_txt_area {flex-direction: column; margin-top: 120px;}
  .ceo_txt_area > div {width: 100%;}
  .ceo_txt_area .right_div {margin-top: 25px;}
  .ceo_info .ceo_comment {padding-top: 15px; text-align: left;}
  .ceo_comment span {padding-right: 55px; background: url("../images/ceo-sign-m.png") no-repeat right center; background-size: 87px auto;}

  /* about us 사업장 */
  .business_area > .tab_btn_area button {padding: 10px 0; height: 40px; font-size: 16px;}
  .business_area .place_area.oversea .place_div {padding: 40px 65px 40px 20px;}
  .business_area .place_area .place_div .link {width: 30px; height: 30px;}

  /* about us 법인 */
  .sub_visual.business {height: 315px;}
  .business_area section:not(:first-child) {margin-top: 150px;}
  .career_sec {padding: 90px 0;}
  .career_sec .inner > .box_btn .btn {display: inline-block; margin: 0 auto;}
  .contact_sec .tab_con_area {margin: 40px 0 0 0;}
  .contact_sec .place_info {float: none; margin-top: 0; padding: 50px 0 0 0; width: 100%;}
  .contact_sec .place_info .info_div {margin-top: 0;}
  .contact_sec .place_info .info_div .info {display: block; margin-top: 28px;}
  .contact_sec .place_info .info_div .info .tit {display: block; width: 100%;}
  .contact_sec .place_info .info_div .info .txt {display: block; margin-top: 7px;}
  .history_sec .flex_area .year {padding-bottom: 60px; font-size: 80px;}
  .history_sec .flex_area .history_div {padding-top: 60px;}
  .history_sec .flex_area .history_div .month_div .month {width: 85px; font-size: 15px;}
  .history_sec .flex_area .history_div .month_div .txt {font-size: 15px;}

  /* about us 유럽 법인 */
  .business_area section:not(:first-child).performance_sec {margin-top: 120px;}
  .business_area section:not(:first-child).eur_history_sec {margin-top: 120px;}
  .european_div .tab_con_area .tab_con .flex_area {flex-direction: column; margin-top: 60px; padding-bottom: 120px;}
  .european_div .tab_con_area .tab_con .sub_tit {margin-bottom: 30px;}
  .european_div .tab_con_area .tab_con .con_middle_txt {width: 100%;}
  .eur_history_sec .middle_tit {margin-bottom: 120px;}
  .eur_history_sec .active_his .divided_area .box.left .history_txt span {font-size: 50px;}
  .eur_history_sec .active_his .divided_area .box.right {margin-top: 105px;}
  .eur_history_sec .active_his .divided_area .box.right .list_wrap .list .event {margin-top: 10px; font-size: 15px;}
  .eur_service_sec .service_info {margin-top: 120px;}
  .career_sec .inner > .con_txt {margin-top: 60px;}
  .career_sec .accordion_type .list .click_con {padding: 16px 20px;}
  .career_sec .accordion_type .table_type .table_wrap table {width: 850px;}
  .career_sec .accordion_type .list .hide_con .process_con {padding: 60px 0 0 0;}
  .career_sec .accordion_type .list .hide_con .flex_area {flex-direction: column;}
  .career_sec .accordion_type .list .hide_con .flex_area:not(:last-child) {margin-bottom: 0;}
  .career_sec .accordion_type .list .hide_con .flex_area .process_div {margin-top: 80px; width: 100%;}
  .career_sec .accordion_type .list .hide_con .flex_area:first-child .process_div:first-child {margin-top: 0;}
  .contact_sec .place_info.europe {margin: 0; padding: 50px 0 0 0; width: 100%;}
  .contact_sec .place_info.europe .info_box .title_div {margin-bottom: 0;}
  .contact_sec .place_info.europe .info_box .sns_div {margin-top: 40px;}
  .contact_sec .place_info.europe .sns_div .tit {margin-bottom: 20px;}
  .contact_sec .place_info.europe .sns_div > a {width: 36px; height: 36px;}
  .contact_sec .place_info.europe .sns_div .facebook {background: url("../images/icon-aboutus-contact-us-facebook-m.png") no-repeat center center; background-size: 100%;}
  .contact_sec .place_info.europe .sns_div .linkedin {background: url("../images/icon-aboutus-contact-us-linkedin-m.png") no-repeat center center; background-size: 100%;}
  .contact_sec .place_info .info_div .info .tit {font-size: 14px;}
  .contact_sec .place_info .info_div .info .txt {font-size: 14px;}

  /* IR 카드형쪽 리스트 공통 */
  .card_list .list {width: 100%; margin: 0 0 20px 0;}
  .card_list .list:nth-child(3n) {margin-right: 0;}
  .card_list .list:nth-child(2n) {margin-right: 0;}
  .card_list .list .top_tit {font-size: 14px;}
  .card_list .list .title {margin: 16px 0 60px; /*height: 75px;*/ font-size: 16px; line-height: 25px;}
  .card_list .list_div.report_list .list .title {margin: 16px 0 80px;}
  /* .card_list .list .title.ie {max-height: 75px;} */
  .card_list .list .date_div {left: 30px;}
  .card_list .list .date_div > p {font-size: 14px;}
  .card_list .list .link_btn {bottom: 30px; right: 30px; width: 30px; height: 30px; background: url("../images/icon-link-btn-line-m.png") no-repeat center center; background-size: 18px 18px;}
  .card_list .list:hover .link_btn {background: url("../images/icon-link-btn-line-white-m.png") no-repeat center center; background-size: 18px 18px;}
  .card_list .list .link_btn:after {top: 3px; right: 3px; background: url("../images/icon-link-btn-arrow-m.png") no-repeat center center; background-size: 11px 11px;}
  .card_list .list:hover .link_btn:after {top: 2px; right: 2px; background: url("../images/icon-link-btn-arrow-white-m.png") no-repeat center center; background-size: 11px 11px;}
  .card_list .list .docu_down {width: 20px; height: 22px; background: url("../images/icon-pdf-download-m.png") no-repeat center center; background-size: 20px 20px;}
  .card_list .list:hover .docu_down {width: 20px; height: 20px; background: url("../images/icon-pdf-download-white-m.png") no-repeat center center; background-size: 20px 20px;}
  
  /* 문의 페이지 공통 */
  .call_area .img_area {display: none;}
  .call_area .info_area {float: none; width: 100%;}
  .call_area .info_area .sub_txt {margin-top: 20px; font-size: 14px; line-height: 22px; word-break: keep-all;}
  .call_area .info_area .sub_txt br {display: none;}
  .call_area .info_area .info_div {margin-top: 36px;}
  .call_area .info_area .info_div .info {padding: 25px 5% 24px 5%; margin-bottom: 10px;}
  .call_area .info_area .info_div .info .con_tit {width: 108px;}
  .call_area .info_area .info_div .info .txt {font-size: 16px;}

  /* IR 문의 */
  .ir_inquiry {padding: 150px 0; background: url("../images/img-ir-inquiry-bg-m.jpg") no-repeat center center/cover;}

  /* IR 뉴스 */
  .ir_news_list .list_div .list {padding-bottom: 170px; width: 100%;}
  .ir_news_list .list_div .list:nth-child(3n) {margin-right: 0;}
  .ir_news_list .list_div .list .txt_area {padding: 35px 40px 25px; height: 170px;}
  .ir_news_list .list_div .list:hover .txt_area {height: 206px;}
  .ir_news_list .list_div .list .txt_area .title {max-height: 55px; font-size: 16px; line-height: 27px;}
  .ir_news_list .list_div .list .txt_area .date {margin-top: 27px;}
  .ir_news_list .list_div .list .txt_area .arrow {right: 62px; width: 43px; height: 19px; background: url("../images/icon-ir-news-arrow-m.png") no-repeat center center; background-size: 43px auto;}
  .ir_news_list .list_div .list:hover .txt_area .arrow {right: 42px;}

  /* IR 상세 */
  .ir_view .view_con {padding: 0;}
  .ir_view .view_con .date_div .type {font-size: 14px;}
  .ir_view .view_con .date_div .date {font-size: 14px;}
  .ir_view .view_con .middle_tit {padding: 0 0 50px 0;}
  .ir_view .view_con .btn_area .share_area .share_btn {width: 20px; height: 20px; background: url("../images/icon-share-btn-m.png") no-repeat center center; background-size: 20px 20px;}
  .ir_view .view_con .btn_area .share_div {top: -14px; right: 41px;}
  .ir_view .view_con .btn_area .share_div .close {width: 20px; height: 20px; background: url("../images/icon-share-close-m.png") no-repeat center center; background-size: 20px 20px;}
  .ir_view .view_con .btn_area .share_div .kakao {width: 20px; height: 20px; background: url("../images/icon-share-kakao-m.png") no-repeat center center; background-size: 20px 20px;}
  .ir_view .view_con .btn_area .share_div .facebook {width: 20px; height: 20px; background: url("../images/icon-share-facebook-m.png") no-repeat center center; background-size: 20px 20px;}
  .ir_view .view_con .btn_area .share_div .linkedin {width: 20px; height: 20px; background: url("../images/icon-share-linkedin-m.png") no-repeat center center; background-size: 20px 20px;}
  .ir_view .view_con .btn_area {top: auto; bottom: 0; right: auto; left: 4px;}
  .ir_view .view_con .btn_area .print_area {display: none;}
  .ir_view .view_con .con_middle_txt {padding: 40px 0;}
  .ir_view .view_list {padding: 80px 0 120px;}
  .ir_view .view_list .ir_news_list .tit {margin-bottom: 30px; font-size: 16px;}
  .ir_view .view_list .ir_news_list .list_div .list {width: 100%;}
  .ir_view .view_list .ir_news_list .list_div .list:nth-child(2n) {margin-right: 0;}
  .ir_view .view_list .ir_news_list .list_div .list:nth-child(3n) {margin-right: 0;}
  .ir_view .list_btn {margin: 40px 0 120px;}

  /* IR 공시 */
  .title_div {margin-bottom: 3px;}

  .radius_box_list {padding: 117px 0 160px;}
  .radius_box_list .list_div {margin-top: 35px;}
  .radius_box_list .list_div .list {display: flex; flex-wrap: wrap; margin-top: 20px; margin-right: 0; padding: 50px 30px 48px 150px; width: 100%;}
  .radius_box_list .list_div .list .icon {position: absolute; left: 30px; top: 50%; transform: translateY(-50%);}
  .radius_box_list .list_div .list .tit {margin-top: 0; width: 100%; font-size: 20px; line-height: 30px; text-align: left;}
  .radius_box_list .list_div .list .txt {margin-top: 18px; width: 100%; text-align: left;}
  .radius_box_list .list_div .list .txt > span {font-size: 14px; line-height: 22px;}
  .radius_box_list .list_div .list:nth-child(-n+3), .radius_box_list .list_div .list:nth-child(-n+4) {margin-top: 20px;}
  .radius_box_list .list_div .list:nth-child(4n) {margin-right: 0;}
  .radius_box_list .list_div .list:first-child {margin-top: 0;}

  /* 밑줄 리스트 공통 스타일 */
  .half_list .list {margin-top: 112px;}
  .half_list .list:last-child {padding-bottom: 120px;}
  .half_list .right_div {margin-top: 20px;}

  /* Sustainability */
  .sustain_area .page_sub_tit br {display: none;}
  .sustain_area .half_list .right_div .sub_img {margin-top: 55px;}
  .sustain_area .half_list .right_div .txt_box {margin-top: 55px;}
  .sustain_area .half_list .right_div .txt_box:first-child {margin-top: 35px;}
  .sustain_area .half_list .right_div .txt_box .flex_box {display: block; margin-top: 22px;}
  .sustain_area .half_list .right_div .txt_box .flex_box .con_txt {margin-top: 7px;}
  .sustain_area .half_list .right_div .txt_box .flex_box .con_txt:nth-child(1) {width: auto;}
  .sustain_area .half_list .right_div .con_txt {margin-top: 25px;}
  .sustain_area .half_list .right_div .con_txt br {display: none;}
  .sustain_area .half_list .right_div .dot_div {margin: 25px 0 35px;}
  .sustain_area .half_list .right_div .dot_txt.con_txt {padding-left: 12px;}
  .sustain_area .half_list .list .right_div .con_middle_txt br {display: none;}
  .sustain_area .visual_img {margin-top: 160px; overflow: hidden;}
  .sustain_area .visual_img img {width: auto; height: 250px;}
  .sustain_area .visual_txt {margin-top: -83px; padding: 55px 0 0;}
  .sustain_area .visual_txt .con_middle_txt {margin-top: 30px; padding: 0 35px;}
  .sustain_area .visual_txt .con_middle_txt br {display: none;}
  .sustain_area .img_area {margin-bottom: 110px;}
  .sustain_area .img_area .full_img {margin: 115px 0 40px;}
  .sustain_area .img_area .full_img + .half_area > div > p.middle_tit br {display: block;}
  .sustain_area .half_area {display: block;}
  .sustain_area .half_area .left {width: 100%;}
  .sustain_area .half_area .right {margin-top: 20px; width: 100%;}
  .sustain_area .half_area > div .con_middle_txt {margin-top: 20px;}
  .sustain_area .half_area > div .img {height: 212px; overflow: hidden;}
  .sustain_area .half_area > div .img img {position: relative; top: -100px;}
  .sustain_area .half_area > .left.img_box .img img {top: -200px;}
  .sustain_area .half_area .right.txt .con_middle_txt {margin-top: 25px;}
  .sustain_area .banner {padding: 80px 5%; background-position: 30% bottom;}
  .sustain_area .banner .icon {margin: 0 auto; width: 150px; height: 48px; background: url(../images/icon-sustainability-environment-banner-m.png) 0 0/147px auto no-repeat;}
  .sustain_area .banner .con_middle_txt {margin: 25px 0 35px;}
  .sustain_area .banner .con_middle_txt br {display: none;}
  .sustain_area .small_sec {margin-top: 155px;}
  .sustain_area .small_sec .con_middle_txt {margin: 15px 0 75px;}
  .sustain_area section {margin-bottom: 120px;}
  .sustain_area section .small_tit {margin-bottom: 30px;}
  .sustain_area section .img {margin-top: 75px;}
  .sustain_area .download_box {margin-top: 120px;}
  .sustain_area .con_list {margin-top: 25px;}

  /* Sustainability - 최고 경영자 의지 선포문 */
  .declaration_area .top_tit {padding: 50px 0;}
  .declaration_area .top_tit:before {background: url("../images/icon-double-quotes-left-m.png") no-repeat center center/auto 13px;}
  .declaration_area .top_tit:after {background: url("../images/icon-double-quotes-right-m.png") no-repeat center center/auto 13px;}
  .declaration_area .img {margin-top: 120px;}
  .declaration_area .flex_box .flex_area .con_middle_txt {padding-top: 60px;}
  .declaration_area .half_list {margin-top: 160px;}
  .declaration_area .half_list .list {display: flex; margin-top: 0; padding: 50px 0 45px;}
  .declaration_area .half_list .list:first-child {padding-top: 0;}
  .declaration_area .half_list .list .left_div {width: 130px; /* font-size: 36px; */}
  .declaration_area .half_list .list .right_div {margin-top: -5px;}
  .declaration_area .half_list.txt_tit_type {margin-top: 55px;}
  .declaration_area .half_list.txt_tit_type .list {display: block;}
  .declaration_area .half_list.txt_tit_type .list .left_div {width: 100%;}
  .declaration_area .half_list.txt_tit_type .list .right_div {margin-top: 15px;}

  .half_list.num_tit_type .list.active .left_div {font-size: 36px;}
  .half_list.txt_tit_type .list.active .left_div {font-size: 20px; line-height: 30px;}

  .promise_txt {margin: 50px 0 0;}
  .promise_txt .con_middle_txt {margin-bottom: 50px;}

  .representative {margin-top: 50px; font-size: 16px; line-height: 17px;}

  /* Sustainability - 불공정거래 행위 제보 */
  .sustain_area .report_center .scroll_bg {margin-top: 110px; /* padding-bottom: 600%; */ height: auto;}
  .sustain_area .report_center .scroll_bg .bg {display: none;}
  .sustain_area .report_center .scroll_bg .flex_area {padding-top: 80px;}
  .sustain_area .report_center .scroll_bg .flex_area .small_tit {width: 100%;}
  .sustain_area .report_center .scroll_bg .flex_area .cir_num_list {width: 100%;}
  .sustain_area .report_center .report_bot {position: relative;}
  .sustain_area .report_center .report_bot:before {content: ""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: -webkit-calc(100% - 140px); height: calc(100% - 140px); background: url(../images/bg-sustainability-report-center-m.jpg) center bottom/cover no-repeat;}
  .sustain_area .report_center .report_name_list {margin: 80px auto 160px;}
  .sustain_area .report_center .report_name_list .list_wrap .list:first-child {margin-top: 0;}
  .sustain_area .report_center .report_name_list .list_wrap .list {margin-right: 0; margin-top: 20px; padding: 50px; width: 100%;}
  .sustain_area .report_center .top_area .con_middle_txt br {display: none;}
  .cir_num_list .list {margin-bottom: 30px;}
  .cir_num_list .list:last-child {margin-bottom: 0;}
  .cir_num_list .list .num {width: 85px;}
  .cir_num_list .list .num span {width: 50px; height: 50px; font-size: 16px; line-height: 49px;}

  /* Sustainability - 윤리인권헌장 */
  .sus_ethics_inquiry {margin-top: 120px; display: flex; align-items: center; padding: 0; height: 640px;}

  /* Sustainability - 사회공헌 */
  .sus_csr_inquiry {margin-top: 120px; display: flex; align-items: center; padding: 0; height: 640px;}

  /* Sustainability - 안전보건경영 */
  .safety_health_policy .inner > .con_middle_txt {margin-top: 30px; word-break: keep-all;}
  .safety_health_policy .policy_list {margin-top: 15px;}
  .safety_health_policy .policy_list .list {width: 100%;}
  .safety_health_policy .policy_list .list_div:nth-child(2) {margin-top: 60px;}
  .safety_health_policy .policy_list .list .num {top: 38px; font-size: 90px; letter-spacing: -3px;}
  .safety_health_policy .policy_list .list .img img {width: 100%;}
  .safety_health_policy .policy_list .list .con_tit {margin-top: 35px;}
  .safety_health_policy .policy_list .list .con_middle_txt {margin-top: 20px;}
  .safety_health_policy .policy_list .list:last-child {margin: 60px 0 0 0;}
  .safety_health_policy .date {margin-top: 80px; text-align: left; font-size: 15px;}
  .safety_health_policy .ceo_comment {text-align: left;}
  .safety_health_policy .ceo_comment span {margin-left: 0; line-height: 47px;}
  .safety_thr_goal_area .goal_div .goal_tit {margin-top: 10px; word-break: keep-all;}
  .safety_thr_goal_area .goal_div .dot_txt_div {margin-top: 30px;}
  .safety_thr_goal_area .goal_div .dot_txt_div .dot_txt {word-break: keep-all;}
  .safety_health_div .fixed_area .txt_box .txt_con .dot_txt_div .dot_txt:before {top: 9px;}
  .safety_health_div.esg_div {margin: 150px 0 160px;}
  .safety_health_div .fixed_area {margin-top: 160px;}
  .safety_health_div .fixed_area .txt_box .title {margin-top: 40px;}
  .safety_health_div .fixed_area .txt_box .txt_con {margin-top: 70px;}
  .safety_health_div .fixed_area .txt_box .txt_con .dot_txt_div .dot_txt {word-break: keep-all;}
  .sus_health_inquiry {display: flex; align-items: center; padding: 0; height: 640px;}
  .sus_health_inquiry .call_area .info_area {width: 100%;}

  /* Sustainability - 지속가능경영 */
  .esg_chart {margin-top: 160px;}
  .thr_list_area {margin-top: 120px; padding: 0;}
  .thr_list_area .list_wrap {margin-top: 35px; display: block;}
  .thr_list_area .list_wrap .list {margin-right: 0; margin-top: 115px; width: 100%;}
  .thr_list_area .list_wrap .list:first-child {margin-top: 0;}
  .thr_list_area .list_wrap .list .img {margin-bottom: 35px;}
  .thr_list_area .list_wrap .list .con_txt {margin-top: 20px;}
  .five_goal_area {margin-top: 120px; padding: 120px 0;}
  .five_goal_area .flex_area {display: block;}
  .five_goal_area .flex_area .cir_num_list {margin-top: 40px;}
  .five_goal_area .flex_area .cir_num_list .list_wrap {float: none; margin-top: 30px;}
  .five_goal_area .flex_area .cir_num_list .list_wrap:first-child {margin-top: 0;}
  .envir_chart_area {margin-top: 120px;}
  .envir_chart_area.active .envir_chart {margin-top: 60px;}

  /* Sustainability - 지속가능경영문의 */
  .esg_chart {margin-top: 160px;}
  .sus_esg_inquiry {margin-top: 120px; display: flex; align-items: center; padding: 0; height: 640px;}

  .call_area .info_area .info_div .info .number a {display: block;}

  .social_area .history_area .flex_area {display: block;}
  .social_area .history_area .flex_area > div {width: 100%;}
  .social_area .history_area .flex_area .year_div {padding-bottom: 60px;}
  .social_area .history_area .flex_area .year {font-size: 80px;}
  .social_area .history_area .flex_area .history_txt {padding-top: 50px; width: 100%;}
  .social_area .history_area .flex_area .history_txt .txt_box {margin-bottom: 20px; width: 100%;}
  .social_area .history_area .flex_area .history_txt .txt_box .detail {width: 65px;}
  .social_area .history_area .flex_area .history_txt .txt_box .event span {font-size: 15px; color: #1f1f1f;}
  .social_area .top_bg_area {display: flex; align-items: center; padding: 0; height: 640px;}
  .social_area .top_bg_area .bg_area {display: none;}
  .social_area .top_bg_area .txt_area {height: auto;}
  .social_area .top_bg_area .txt_area .biggest_tit {font-size: 28px; line-height: 39px;}
  .social_area .top_bg_area .txt_area .small_txt_div {margin-top: 35px;}
  .social_area .slogan_area {margin-top: 160px;}
  .social_area .slogan_div {padding-bottom: 150%; background-size: auto 60%; background-position: 68% bottom;}
  .social_area .slogan_div .slogan_txt {left: -4px; margin-top: 46px; font-size: 80px; line-height: 1;}
  .social_area .slogan_div .con_middle_txt {margin-top: 35px;}
  .social_area .matching_area {padding-top: 160px; padding-bottom: 150px;}
  .social_area .matching_area .inner > .biggest_tit {font-size: 36px;}
  .social_area .matching_area .inner > .con_middle_txt {margin-top: 30px;}
  .social_area .matching_area .matching_list {display: block;}
  .social_area .matching_area .matching_list .list {margin-right: 0; padding: 110px 0 0; width: 100%;}
  .social_area .matching_area .matching_list .list:first-child {padding-top: 80px;}
  .social_area .matching_area .matching_list .list .tit {margin-top: 13px; font-size: 20px;}
  .social_area .matching_area .matching_list .list .txt {margin-top: 20px;}
  .social_area .matching_chart_area {margin-top: 160px;}
  .social_area .matching_chart_area .inner > .biggest_tit {font-size: 36px;}
  .social_area .matching_chart_area .inner > .con_middle_txt {margin-top: 30px;}
  .social_area .matching_chart_area .graph_area {margin-top: 75px;}
  .social_area .matching_chart_area .caption_area {display: block;}

  /* Sustainability - 사회공헌 활동 */
  .social_active .half_list .list .inner_list.fir {margin: 0 0 120px;}
  .social_active .half_list .list.active .left_div .sub_tit br {display: none;}
  .social_active .half_list .list .inner_list .txt_box .con_tit {margin-top: 35px;}
  .social_active .half_list .list .inner_list .txt_box .con_tit br {display: none;}
  .social_active .half_list .list:last-child {padding-bottom: 0;}
  .social_active .thr_list_area {margin-top: 160px; padding: 0 5%;}
  .social_active .social_cost_area {margin-top: 150px;}
  .social_active .social_cost_area .graph_area {margin-top: 35px;}
  .social_active .social_cost_area .graph_area .caption_area {display: block;}
  .social_active .social_cost_area .graph_area .caption_area .right {margin-top: 10px;}

  .esg_div {margin-top: 155px;}
  .esg_div section .sub_tit {margin: 110px 0 30px;}
  .esg_area .declaration_area .flex_box .flex_area .con_middle_txt {padding-top: 55px;}
  .esg_area .declaration_area .flex_area .con_middle_txt:last-child {padding-bottom: 60px;}
  .esg_area .thr_goal_area .goal_div:nth-child(1) .bg img {left: 90%;}
  .esg_area .thr_goal_area .goal_div:nth-child(2) .bg img {left: 90%;}
  .esg_area .thr_goal_area .goal_div:nth-child(3) .bg img {left: 90%;}
  .esg_result_area {margin-top: 160px;}
  .esg_result_area .img_div {margin-top: 35px;}
  .esg_result_area .img_div .img_box {float: none; margin-right: 0; margin-top: 60px; width: 100%;}
  .esg_result_area .img_div .img_box:first-child {margin-top: 0;}
  .esg_result_area .img_div .img_box .con_middle_txt {margin-top: 35px;}
  .esg_report_area {margin-top: 160px;}
  .esg_report_area .con_middle_txt {margin-top: 35px;}
  .esg_chart .img {margin-top: 35px;}

  /* 인재상 */
  .career_area .back {display: none;}
  .career_area .img_area .title {font-size: 28px; line-height: 39px;}
  .career_area .thumb_div {padding-top: 270px;}
  .career_area .thumb_div .thumb {float: none; margin-top: 120px; width: 100%;}
  .career_area .thumb_div .thumb:nth-child(1) {margin: 0;}
  .career_area .thumb_div .thumb:nth-child(2) {margin-top: 120px;}
  .career_area .thumb_div .thumb:nth-child(3) {margin-top: 120px;}
  .career_area .thumb_div .thumb .thumb_box {width: 100%;}
  .career_area .thumb_div .thumb .tit {margin: 35px 0 20px; font-size: 20px; line-height: 30px;}
  .career_area .thumb_div .thumb .sub_tit {font-size: 15px;}
  .career_area .list_info {margin-top: 70px;}
  .career_area .list_info .list {padding: 60px 0;}
  .career_area .list_info .list .tit {padding-top: 75px; font-size: 20px; line-height: 30px;}
  .career_area .list_info .list .txt {margin-top: 30px; font-size: 14px; line-height: 22px;}
  .career_area .list_info .list .num {font-size: 36px;}

  /* 인사제도 */
  .career_management .management_div {margin-top: 120px;}
  .career_management .management_div .info_img {margin-top: 40px;}
  .career_management .management_div .info_img .txt_img img.only_web {display: none;}
  .career_management .management_div .info_img .txt_img img.only_mob {display: inline;}

  /* 직무소개 */
  .career_management .accordion_type {margin-top: 120px;}
  .career_management .accordion_type .hide_con .flex_area {flex-direction: column;}
  .career_management .accordion_type .hide_con .flex_area .job_div {padding: 40px; margin-bottom: 30px; width: 100%;}
  .career_management .accordion_type .hide_con .flex_area .job_div:last-child {margin-bottom: 0;}


  /* 에러페이지 */
  .etc_page .txt_div .title {font-size: 40px; line-height: 44px;}
  .etc_page .txt_div .txt {font-size: 14px; line-height: 22px;}

  /* our field */
  .sub_our_field #cont_wrap section {margin-top: 150px;}

  /* Utility */
  .policy_box .srch_area .srch_btn button {background: url("../images/icon-utility-srch-btn-m.jpg") no-repeat center center !important; background-size: 40px 40px !important; -webkit-print-color-adjust: exact !important;}
  .policy_div .info_txt {padding-left: 20px; background: url("../images/edm-important-icon-m.png") no-repeat left top 3px; background-size: 15px 15px;}
  .policy_div .terms_wrap .table_type .con_list .con_txt {font-size: 15px;}

}

@media screen and (max-width:500px) {
  .business_area .place_map_area .map img {width: 90%;}
}

@media screen and (max-width:360px) {
  .ceo_comment span {padding-right: 40px; font-size: 15px; background-size: 70px auto;}
}

/* print */
@media print {
  .thumb_list .list .img_area.mappy_img {margin-top: -50px;}
}